
.clearfix {
    zoom: 1;
}

    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0; /* Chieu cao cua thanh phan bang 0 */
        line-height: 0; /* Khoang cach cua dong` bang 0 */
        visibility: hidden; /* Xac dinh thanh phan khong dc nhin thay */
    }

body {
    font-family: Tahoma,Arial,sans-serif;
    font-size: 12px;
    color: #333333;
}

#content {
}
/*
    COMMON
    -----------------------------------------------------------------
    */
.home-layout {
    background-image: url(/images/ecg-home-layout.png);
}

.layout-width {
    width: 980px;
    margin: 0 auto;
}

.ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.borderShadow {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
}

@font-face {
    font-family: Open Sans Condensed;
    src: url(/Content/font/OpenSans-CondLight.ttf);
}

@font-face {
    font-family: Source Sans Pro;
    src: url(/Content/font/SourceSansPro-ExtraLight.otf);
}

@font-face {
    font-family: Source Sans Pro bold;
    src: url(/Content/font/OpenSans-CondBold.ttf);
}
div.scroll-top{
    display:block;
    width:50px;
    height:50px;
    background: url(/images/icons/scroll-top.png) 0px 0px no-repeat;
    position:fixed;
    bottom:10px;
    right:10px;
    cursor:pointer;
}
/*
    HEADER
    -----------------------------------------------------------------
    */
#header {
    width: 100%;
    padding-top: 40px;
}

.header-top {
    height: 40px;
    background-repeat: repeat-x;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
}

.header-top-wrap {
}

.header-top-top {
    height: 33px;
    line-height: 33px;
    text-align: right;
}

.headerNavTop {
}

    .headerNavTop > li:first-child {
        padding: 0 10px;
    }

    .headerNavTop > li {
        float: right;
        padding: 0px 8px;
        position: relative;
        background: url(/images/icons/border-left-nav-top.gif) 0px 12px no-repeat;
        margin-top: 1px;
    }

        .headerNavTop > li:last-child {
            background: none;
        }

    .headerNavTop li a {
        color: #7d7d7d;
        font-size: 11px;
    }

        .headerNavTop li a:hover {
            text-decoration: underline !important;
        }

    .headerNavTop li:hover ul.header-sub-box {
        display: block;
    }

.iconMoreNavTop {
    display: block;
    width: 6px;
    height: 4px;
    position: absolute;
    top: 15px;
    right: 0px;
    background-position: -223px -101px;
}

.header-sub-box {
    display: none;
    position: absolute;
    top: 33px;
    right: 0px;
    z-index: 9;
    border-top: 2px solid #3c3c3c;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    width: 100px;
    text-align: left;
    padding: 10px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13);
    background-color: #fff;
}

    .header-sub-box li {
    }

        .header-sub-box li a {
            float: none;
            display: block;
            line-height: 2em;
        }

.arrow-nav-sub {
    position: absolute;
    top: -17px;
    right: 16px;
    display: block;
    width: 9px;
    height: 5px;
    background-position: -221px -112px;
}

.header-top-bottom, .header-midder {
    height: 72px;
}

.header-logo {
    height: 72px;
}

.header-search {
    margin-top: 23px;
}

.search-autocomplete {
    top: 158px !important;
    z-index: 10000 !important;
}

.ui-autocomplete-term {
    font-weight: bold;
}

.autocomplete-suggestions {
    border: 1px solid #d0d0d0;
    background-color: #fff;
    overflow: auto;
    width: 337px !important;
}

.autocomplete-suggestion {
    padding-left: 10px;
    font-size: 11px;
    font-family: Arial;
    line-height: 1.6em;
}

.autocomplete-selected {
    background-color: #f0f0f0;
    cursor: pointer;
}

.header-hotline {
    position: relative;
    margin-top: 26px;
}

.header-logo {
    width: 182px;
}

    .header-logo a {
        margin-top: 4px;
        display: block;
        width: 170px;
        height: 60px;
        background-position: -11px -61px;
    }

.header-search {
    width: 397px;
}

.header-hotline {
    width: 401px;
}

.header-nav {
    height: 36px;
    line-height: 36px;
    background-color: #f0f1f3;
    width: 100%;
}

.search-border {
    margin-left: 47px;
    border: 1px solid #dfdfdf;
    padding: 1px;
    position: relative;
    padding-right: 43px;
    height: 27px;
}

.input_search, .btn_search {
    margin: 0 !important;
}

.input_search {
    padding: 6px 5px;
    font-size: 11px;
    color: #8a8a8a;
    width: 283px;
    border: none !important;
}

.btn_search {
    width: 43px;
    position: absolute;
    top: -1px;
    right: -1px;
    height: 31px;
    padding: 0px 5px;
    text-indent: -9999px;
    background-position: -201px -51px;
    background-color: #ff5c01;
    border: none;
}

    .btn_search:hover {
        background-color: #fb6613;
    }

.nav-support li {
    float: right;
    padding: 0px 7px;
    position: relative;
    line-height: 25px;
}

    .nav-support li a {
        color: #252525;
        font-size: 11px;
    }

.line-nav {
    background: url(/images/icons/border-left-nav-top.gif) right 8px no-repeat;
}

.icon-Yahoo {
    padding-left: 25px !important;
}

.nav-support li:hover .nav-sub-support {
    display: block;
}

.nav-sub-support {
    position: absolute;
    top: 25px;
    right: 0px;
    display: none;
    border-top: 2px solid #3c3c3c;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    background: #fff;
    min-width: 500px;
    z-index: 9999;
}

.sup-header {
    margin: 5px 10px 0px;
    line-height: normal;
    text-align: justify;
    font-size: 11px;
    border-bottom: 1px dashed #b2b2b2;
    padding-bottom: 5px;
}

    .sup-header a:hover {
        color: #f60;
    }

.sup-padding {
    position: relative;
    padding-bottom: 20px;
}

.sup-body {
    width: 100%;
    line-height: normal;
    padding: 10px;
}

.sup-item {
    width: 50%;
    float: left;
}

.city-name {
    font-weight: bold;
}

.add-name {
    font-size: 11px;
    padding-right: 10px;
    padding-top: 3px;
}

.nick-name {
    padding-top: 5px;
}

    .nick-name span {
        color: #f60;
    }

.sup-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #f0f0f0;
    width: 100%;
    line-height: 20px;
    height: 20px;
    font-size: 11px;
}

    .sup-footer span {
        padding: 0px 10px;
    }

.arrow-nav-supp {
    position: absolute;
    top: -12px;
    right: 26px;
    display: block;
    width: 9px;
    height: 5px;
    background-position: -221px -112px;
}

.add-map {
    background: url(/images/icons/icon-map.png) 0px 0px no-repeat;
    padding: 0px 6px;
    width: 11px;
    height: 14px;
    margin-left: 6px;
}

    .add-map:hover {
        background: url(/images/icons/icon-map.png) 0px -14px no-repeat;
    }

.icon-Skype {
    padding-left: 20px !important;
}

.icon-Yahoo i {
    display: block;
    width: 23px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: 0px;
    background-position: -247px -58px;
}

.icon-Skype i {
    display: block;
    width: 15px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: 2px;
    background-position: -285px -58px;
}

.hotline-text {
    position: absolute;
    top: 21px;
    right: 1px;
    font-size: 11px;
    color: #666666;
}

.nav-support li:first-child {
    padding-right: 0px;
}

.nav-wrap {
    height: 36px;
}

.nav-left {
    width: 182px;
    background-position: 0px -124px;
    height: 45px;
}

.nav-center {
    width: 614px;
}

.nav-right {
    width: 184px;
    background-color: #d9dce1;
}

    .nav-right a {
        display: block;
        position: relative;
        font-size: 13px;
        color: #232323;
        font-weight: bold;
        padding-left: 60px;
    }

        .nav-right a i {
            display: block;
            position: absolute;
            top: 10px;
            left: 32px;
            width: 20px;
            height: 16px;
            background-position: -314px -57px;
        }

.mnu-header {
    width: 182px;
    height: 36px;
    background-position: 0px -124px;
    border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    position: relative;
    z-index: 999999;
}

#mnu-plc-header {
    z-index: 9999999;
}

    #mnu-plc-header .mnu-list {
        display: none;
    }

.mnu-plc-header-hover:hover .mnu-list {
    display: block !important;
}

.mnu-header a {
    display: block;
    width: 182px;
    height: 36px;
    color: #FFF;
    font-size: 14px;
    padding-left: 10px;
    position: relative;
}

    .mnu-header a .mnu-arrow {
        width: 14px;
        height: 8px;
        display: block;
        background-position: -246px -86px;
        position: absolute;
        top: 14px;
        right: 21px;
    }

.mnu-list {
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
    z-index: 999999;
    position: relative;
    background-color: #fff;
}

.mnu-item > li {
    border-bottom: 1px solid #e3e3e3;
}

    .mnu-item > li h2 {
        font-weight: normal;
        overflow: hidden;
        width: 182px;
    }

.mnu-item li h2 > a {
    font-family: Helvetica;
    color: #575757;
    display: block;
    padding-left: 30px;
    height: 32px;
    line-height: 32px;
    position: relative;
}

.icon-canthiet, .icon-rangoai, .icon-sukhoe, .icon-dochoi, .icon-thoitrang, .icon-chome, .icon-giadung, .icon-sach, .icon-quatang {
    background-image: url(/images/ecg-home-layout.png);
    position: absolute;
    top: 8px;
}

.icon-canthiet {
    width: 15px;
    height: 14px;
    left: 8px;
    background-position: -367px -66px;
}

.icon-rangoai {
    width: 18px;
    height: 18px;
    left: 7px;
    background-position: -394px -62px;
}

.icon-sukhoe {
    width: 12px;
    height: 18px;
    left: 8px;
    background-position: -423px -62px;
}

.icon-dochoi {
    width: 18px;
    height: 19px;
    left: 5px;
    background-position: -447px -61px;
}

.icon-thoitrang {
    width: 17px;
    height: 20px;
    left: 6px;
    background-position: -473px -60px;
}

.icon-chome {
    width: 17px;
    height: 17px;
    left: 6px;
    background-position: -499px -63px;
}

.icon-giadung {
    width: 18px;
    height: 17px;
    left: 5px;
    background-position: -521px -63px;
}

.icon-sach {
    width: 12px;
    height: 18px;
    left: 10px;
    background-position: -545px -61px;
}

.icon-quatang {
    width: 14px;
    height: 15px;
    left: 8px;
    background-position: -563px -65px;
}
/*------MENU LEFT -----------------------*/
.mnu-item li:hover h2 a {
    font-weight: bold;
    /*background-image: url(/images/icons/hover-menu.png);*/
    background: #eee;
    /*background-position: left -1px;*/
    width: 150px;
    position: relative;
    z-index: 9;
}

.mnu-item li:hover .mnu-sub-box {
    display: block;
}

.mnu-sub-box {
    display: none;
    border: 2px solid #666;
    position: absolute;
    top: -1px;
    left: 180px;
    /*-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;*/
    min-width: 612px;
    min-height: 295px;
    z-index: 8;
    background-color: #FFF;
    /*box-shadow: 5px 5px 10px rgba(0,0,0,.3);*/
    -webkit-box-shadow: 0 3px 6px #d1d1d1;
    -moz-box-shadow: 0 3px 6px #d1d1d1;
    box-shadow: 0 3px 6px #d1d1d1;
}

.mnu-padding {
    padding: 0px 10px 10px;
}

.mnu-caption {
    color: #ff6600;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dashed #b2b2b2;
    line-height: 30px;
    height: 30px;
}

    .mnu-caption a {
        color: #575757;
    }

.ds-file {
    position: absolute;
    left: 180px;
}

    .ds-file a {
        font-size: 11px;
        font-weight: normal;
        padding: 2px 5px;
        border: 1px solid #c6c6c6;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .ds-file a:hover {
            background: #f5f5f5;
            background: -webkit-linear-gradient(top,#fff,#f1f1f1);
            background: linear-gradient(top,#fff,#f1f1f1);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#f1f1f1,GradientType=1);
        }

.mnu-body {
    width: 100%;
}

    .mnu-body ul {
        width: 33%;
        float: left;
        margin-top: 10px;
    }

.mnu-sub-box-1 a:hover {
    color: #f60;
}

.imgCategoryHome {
    z-index: -1;
    position: absolute;
    bottom: 24px;
    right: 0px;
    border: none;
}

.mnu-sub-box-1 li h3 a {
    color: #525252;
    font-size: 12px;
}

.mnu-sub-box-1 li h3 {
    line-height: 25px;
}

.mnu-sub-box-1 li h4 a {
    color: #525252;
    font-size: 12px;
    font-weight: normal;
    padding-left: 15px;
    background: url(/images/icons/square-s.gif) 8px 6px no-repeat;
}

.mnu-sub-box-1 li h4 {
    line-height: 1.8em;
}

.mnu-sub-box-3 li {
    line-height: normal;
}

    .mnu-sub-box-3 li a {
        margin-right: 19px;
        float: left;
        display: block;
        margin-bottom: 10px;
        font-size: 11px;
    }

.mnu-box-wrap {
    position: relative;
    min-height: 295px;
}

.mnu-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 24px;
    line-height: 24px;
    background-color: #f0f0f0;
    width: 100%;
}

.mnu-footer-list li {
    float: left;
    padding: 0px 12px;
}

    .mnu-footer-list li a {
        color: #666666;
        font-size: 11px;
    }

        .mnu-footer-list li a:hover {
            text-decoration: underline;
        }

.lnkHangthanhly {
    color: #004c94 !important;
}

.nav-c {
    margin-top: 11px;
}

    .nav-c li {
        float: left;
        padding: 0px 15px;
        border-left: 1px solid #fff;
        border-right: 1px solid #c6c6c6;
        line-height: normal;
    }

        .nav-c li:last-child {
            border-right: none;
        }

        .nav-c li a {
            color: #747474;
            text-shadow: 1px 1px #fff;
            font-size: 11px;
        }

            .nav-c li a:hover {
                color: #f60;
            }

/*
    MAIN ----------------------------------------------------------
    */

.main-mnuLeft {
    width: 182px;
    margin-right: 5px;
    height: 293px;
    min-height: 293px;
}

.main-Slide {
    width: 604px;
    height: 293px;
    margin-top: 5px;
}

.main-productHot {
    width: 184px;
    margin-left: 5px;
    height: 293px;
    min-height: 293px;
    margin-top: 5px;
}


/*
    ADV CENTER TOP --------------------------------------------------------------------------------------------------
*/
.adv-banner-best {
    margin-right: 10px;
    width: 604px;
    height: 293px;
    float: left;
}


/*
    PRODUCT HOT DAY --------------------------------------------------------------------------------------------------
*/
.loadingProducthot {
    position: absolute;
    top: 3px;
    right: 3px;
}

.pro-hot-day {
    position: relative;
    z-index: 999;
    height: 291px;
    border: 1px solid #fff;
}

    .pro-hot-day:hover {
        border: 1px solid #c7c7c7;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
        -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
    }

.productHot-item {
    position: relative;
}

.p-d-header {
    position: relative;
    font-family: Open Sans Condensed, Helvetica, Arial, sans-serif;
    color: #010101;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

    .p-d-header i {
        background-image: url(/images/ecg-home-layout.png);
        background-position: -222px -86px;
        position: absolute;
        top: 6px;
        display: block;
        width: 8px;
        height: 6px;
    }

    .p-d-header .tim-1 {
        left: 15px;
    }

    .p-d-header .tim-2 {
        right: 14px;
    }

.p-text {
    color: #f60;
}

.p-d-clock {
    margin-top: 5px;
    text-align: center;
    height: 16px;
}

    .p-d-clock span {
        background: url(/images/ecg-home-layout.png) -240px -97px no-repeat;
        padding: 3px 7px;
    }

    .p-d-clock i {
        font-style: normal;
        padding: 0px 5px;
    }

.p-d-body {
    margin-top: 20px;
    text-align: center;
}

.p-d-name, .p-d-price-root, .p-d-price-curent {
    text-align: left;
    padding-left: 15px;
}

.p-d-name {
    position: relative;
}

    .p-d-name a {
        color: #646464;
        font-size: 13px;
        overflow: hidden;
        height: 16px;
        line-height: 16px;
        display: block;
    }

.p-d-price-root {
    text-decoration: line-through;
    color: #afafaf;
}


.p-d-price-curent .price-red {
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
}

.hot-pag-back, .hot-pag-next {
    background-image: url(/images/ecg-home-layout.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 3px;
    display: block;
    text-indent: -9999px;
    width: 11px;
    height: 11px;
}

.hot-pag-back {
    background-position: -274px -84px;
    right: 23px;
}

.hot-pag-next {
    background-position: -289px -84px;
    right: 8px;
}

.price-pagging {
    color: #9e9e9e;
    padding-left: 34px;
    position: absolute;
    bottom: 1px;
    right: 38px;
}

.p-d-img {
    position: relative;
    margin-bottom: 28px;
}

.p-d-promo {
    -moz-opacity: .8;
    filter: alpha(opacity=80);
    opacity: .8;
    position: absolute;
    padding: 7px 8px;
    background: #f60;
    color: #fff;
    font-size: 23px;
    bottom: 0;
    right: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/*
    SERVICE INFO -------------------------------------------------------
    */
.service-info {
    background: #f8f8f8;
    height: 56px;
}

.w-info {
    height: 56px;
}

    .w-info li {
        float: left;
        margin-right: 36px;
        margin-top: 15px;
    }

        .w-info li:last-child {
            margin-right: 0px;
        }

        .w-info li a {
            display: block;
            color: #545454;
            position: relative;
            text-shadow: 1px 1px #fff;
        }

            .w-info li a i {
                background-image: url(/images/ecg-home-layout.png);
                background-repeat: no-repeat;
                position: absolute;
                left: 0px;
                display: block;
            }

.w-payment i {
    background-position: -361px -93px;
    width: 32px;
    height: 27px;
    top: 0px;
}

.w-payment span {
    padding-left: 40px;
    display: block;
    width: 100px;
}

.w-ship i {
    background-position: -411px -95px;
    width: 36px;
    height: 25px;
    top: 2px;
    left: 10px !important;
}

.w-ship span {
    padding-left: 53px;
    display: block;
    width: 100px;
}

.w-change i {
    background-position: -465px -97px;
    width: 30px;
    height: 23px;
    top: 2px;
}

.w-change span {
    padding-left: 38px;
    display: block;
    width: 100px;
}

.email-reciept span {
    display: block;
    width: 88px;
    font-weight: bold;
}

.email-reciept {
    margin-right: 10px;
    text-shadow: 1px 1px #fff;
}

    .email-reciept input[type=radio] {
        margin-right: 0px;
    }

.inputBorder {
    border: 1px solid #d2d2d2;
    padding: 0px 1px;
    background-color: #fff;
    position: relative;
    width: 178px;
    height: 24px;
    line-height: 24px;
}

.inputRecieptEmail {
    font-size: 11px;
    color: #aaaaaa;
    border: none !important;
    width: 169px;
    padding: 0 5px 2px;
}

.submitEmail {
    color: #686868;
    border: 1px solid #d3d3d3 !important;
    position: absolute;
    top: -1px;
    right: -69px;
    padding: 0px 8px;
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    background: #f5f5f5;
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
}

.w-padding {
    position: relative;
    padding-left: 10px;
}

.line {
    position: absolute;
    display: block;
    width: 1px;
    height: 39px;
    right: -15px;
    top: -6px;
    background-color: #dfdfdf;
}

.adv-ce {
    margin-top: 5px;
}

.adv-ce-item {
    float: left;
    margin-right: 5px;
}

    .adv-ce-item:last-child {
        margin-right: 0px;
    }
/*
    TAB HOME ----------------------------------------------------------
    */
.tab-home {
    margin-top: 20px;
    border: 1px solid #e3e3e3;
    display: none;
}

.tab-home-overflow {
    overflow: hidden;
    height: 292px;
}

.tab-home-left, .tab-home-right {
    min-height: 292px;
}

.tab-home-left {
    width: 182px;
}

.tab-home-right {
    width: 796px;
    position: relative;
    background: url(/images/icons/gif-load-small.gif) 50% 50% no-repeat;
}

.ulTab {
    background-color: #f0f0f0;
}

    .ulTab li {
        height: 36px;
        line-height: 36px;
        border-bottom: 1px solid #d6d6d6;
    }

        .ulTab li a {
            display: block;
            color: #3f3f3f;
            padding-left: 40px;
        }

            .ulTab li a:hover {
                font-weight: bold;
            }

.tab-ac a {
    font-weight: bold;
    background: #FFF url(/images/icons/ultab-ac.gif) 0px 0px no-repeat;
}

.tab-content {
    min-width: 796px;
    min-height: 292px;
    background-color: #FFF;
}

.pItem-1 {
    width: 243px;
    border-right: 1px solid #e8e8e8;
    min-height: 292px;
}

.pItem-2, .pItem-3, .pItem-4, .pItem-5 {
    width: 275px;
    height: 145px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.pItem-1, .pItem-2, .pItem-3, .pItem-4, .pItem-5 {
    position: relative;
}

.pItem-3 {
    border-right: none;
}

.pItem-4 {
    border-bottom: none;
}

.pItem-5 {
    border-right: none;
    border-bottom: none;
}

.pItem-1 .p-item {
    padding-left: 45px;
    padding-right: 22px;
}

.pItem-1 .i-img {
    padding-top: 15px;
    padding-bottom: 20px;
    position: relative;
}

.i-percen {
    position: absolute;
    top: 12px;
    right: 15px;
    display: block;
    width: 49px;
    height: 37px;
    background-position: -364px -234px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #3b3d38;
}

    .i-percen b {
        font-weight: normal;
    }

.i-info h5 {
    font-weight: normal;
}

    .i-info h5 a {
        color: #696969;
        font-family: arial;
    }

.i-price {
    text-decoration: line-through;
    font-size: 11px;
    color: #797979;
    font-weight: bold;
    padding: 6px 0px;
}

.i-price-current {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

    .i-price span, .i-price-current span {
        font-weight: normal;
        font-size: 12px;
    }

.pItem-2 .i-img, .pItem-3 .i-img, .pItem-4 .i-img, .pItem-5 .i-img {
    width: 126px;
    margin: 5px;
    position: relative;
    text-align: center;
}

.pItem-2 .i-info, .pItem-3 .i-info, .pItem-4 .i-info, .pItem-5 .i-info {
    width: 138px;
    margin-top: 55px;
}

.pItem-2 .i-img img, .pItem-3 .i-img img, .pItem-4 .i-img img, .pItem-5 .i-img img {
    margin-top: 10px;
}
/*.pItem-1 img,.pItem-2 img,.pItem-3 img,.pItem-4 img,.pItem-5 img {
    border: 1px solid #fff;
}
.pItem-1:hover .i-img a,.pItem-2:hover .i-img a,.pItem-3:hover .i-img a,.pItem-4:hover .i-img a,.pItem-5:hover .i-img a{
    background: url(/images/icons/soc.png);
    display: block;    
}
.pItem-1:hover .i-img a {
    padding: 2px;
    text-align: center;
}
.pItem-2:hover .i-img a,.pItem-3:hover .i-img a,.pItem-4:hover .i-img a,.pItem-5:hover .i-img a {
    width: 126px;
    height: 126px;
    text-align: center;
}*/
.tab-show {
    display: none;
}

/*.icon-loading-big {
    display: block;
    background: url(/images/icons/gif-load-big.gif) 0px 0px no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    text-indent: -9999px;
}
.tab-home-right .icon-loading-big {
    top: 100px;
    left: 352px;
    display: none;
}
.tab-home-right .icon-loading-small {
    top: 120px;
    left: 390px;
    display: none;
}
.icon-loading-small {
    display: block;
    background: url(/images/icons/gif-load-small.gif) 0px 0px no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    text-indent: -9999px;
}*/
.pItem-1 .quickview, .pItem-1 .quickorder,
.pItem-2 .quickview, .pItem-2 .quickorder,
.pItem-3 .quickview, .pItem-3 .quickorder,
.pItem-4 .quickview, .pItem-4 .quickorder,
.pItem-5 .quickview, .pItem-5 .quickorder {
    background-image: url(/images/ecg-home-layout.png);
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    top: 129px;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 99999;
}

.pItem-2 .quickview, .pItem-3 .quickview, .pItem-4 .quickview, .pItem-5 .quickview,
.pItem-2 .quickorder, .pItem-3 .quickorder, .pItem-4 .quickorder, .pItem-5 .quickorder {
    top: 88px !important;
}

.quickview {
    left: 20%;
    background-position: -68px -169px;
}

.quickorder {
    right: 13%;
    background-position: -127px -169px;
}

.advCenter {
    margin-top: 10px;
}

    .advCenter a {
        display: block;
    }

/*
    HOME: PRODUCT LIST CATE -------------------------------------------
    */
.p-l-t {
    margin-top: 10px;
}

.pcList-header {
    height: 24px;
    line-height: 24px;
    width: 100%;
}

.pc-h-left, .pc-h-right {
    width: 50%;
}

    .pc-h-left span, .pc-h-left a {
        display: block;
        height: 24px;
        line-height: 24px;
        border-left: 2px solid #fd8201;
        padding-left: 6px;
        font-size: 22px;
        font-family: "Open Sans Condensed";
        text-transform: uppercase;
        color: #000;
    }

.pc-h-right {
    text-align: right;
}

.pcList-header .pc-h-right ul li {
    display: inline-block;
    padding: 0px 15px;
    background: url(/images/icons/icon-line-home-product-cate.gif) 0px 9px no-repeat;
}

    .pcList-header .pc-h-right ul li:first-child {
        background-image: none;
    }

    .pcList-header .pc-h-right ul li:last-child {
        padding-right: 10px;
    }

    .pcList-header .pc-h-right ul li a {
        color: #000;
    }

.pcList-body {
    border: 1px solid #dbd9da;
    min-height: 377px;
}

.pcType1 .pc-body-item-first, .pcType1 .pc-body-item-second, .pcType1 .pc-body-item-three {
    position: relative;
    height: 377px;
    float: left;
}

.pcType1 .pc-body-item-first {
    width: 194px;
    border-right: 1px solid #dadada;
}

.pcType1 .pc-body-item-second {
    width: 392px;
    border-right: 1px solid #dadada;
}

.pcType1 .item-second-top {
    height: 188px;
    border-bottom: 1px solid #dadada;
    width: 100%;
}

.pcType1 .item-second-bottom {
    height: 188px;
    width: 195px;
    border-right: 1px solid #dadada;
}

.pcType1 .pc-body-item-second .item-second-bottom:last-child {
    border-right: none;
}

.pcType1 .pc-body-item-three {
    width: 390px;
    
}

.homebycatebottom {
    margin-top: 20px;
}

.homebycatebottom-list {
    
}

    .homebycatebottom-list .listp li {
        width: 20% !important;
    }

.homebycatebottom .pc-h-left {
    width: 30% !important;
}

.homebycatebottom .pc-h-right {
    width: 70% !important;
}


/* PRODUCT ITEM-------------------------------------  */
.pcType1 .pc-body-item-first .pc-item {
    padding: 15px;
}

.pc-body-item-first .item-info {
    min-height: 183px;
}

.pc-body-item-second .pc-item {
    position: relative;
    padding: 10px;
    height: 169px;
}

.pc-body-item-second .item-info {
    padding: 5px;
    position: relative;
    z-index: 2;
}

.item-img {
    position: absolute;
    bottom: 6px;
    right: 10px;
    z-index: 1;
}

    .item-img a {
        display: block;
        text-align: right;
    }

.item-info p {
    line-height: 20px;
}

.item-info h2 {
    font-weight: normal;
}

    .item-info h2 a {
        color: #222222;
        font-size: 14px;
    }

        .item-info h2 a:hover {
            color: #f60;
        }

.item-price {
    color: #7a7a7a;
    text-decoration: line-through;
}

.item-price-curr {
    color: #111111;
    font-size: 16px;
    font-weight: bold;
}

.item-price span {
    font-size: 12px;
    font-weight: normal;
}

.item-price-curr span {
    font-size: 14px;
    font-weight: normal;
}

.item-img {
    text-align: center;
}
/* PRODUCT ITEM TYPE 2-------------------------------------  */

.plt-padding, .plt-padding-3 {
    margin-top: 20px;
}

    .plt-padding .pc-body-item-first {
        border-right: none;
    }

    .plt-padding .pc-body-item-three {
        border-right: 1px solid #dadada;
    }

    /* PRODUCT ITEM TYPE 3-------------------------------------  */
    .plt-padding-3 .pc-body-item-first {
        width: 293px;
    }

    .plt-padding-3 .pc-body-item-second {
        width: 293px;
        border-right: none;
    }

    .plt-padding-3 .pc-body-item-first {
        height: 188px;
    }

    .plt-padding-3 .item-second-bottom {
        position: relative;
        width: 293px;
    }

.plt-padding- .item-second-top {
    position: relative;
}
/*
    HOME: PROVIDER BY CATE--------------------------------------------------
    */
.box-provider-cate {
    width: 980px;
    border: 1px dashed #dbd9da;
    /*-webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;*/
}

.providerList-cate {
    width: 100%;
}

    .providerList-cate li {
        width: 84px;
        text-align: center;
        margin: 10px 5px 0px;
        display: inline;
        float: left;
    }

img.desaturate {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
    -moz-opacity: .8;
    filter: alpha(opacity=80);
    opacity: .8;
}

.viewmore-brand {
    float: right !important;
    margin-left: 25px !important;
    width: 86px !important;
    border-left: 1px solid #ededed;
    padding-top: 5px;
    text-align: right !important;
}

    .viewmore-brand a {
        color: #646464;
        font-weight: bold;
        padding-right: 10px;
        position: relative;
    }

.provi-icon-all {
    position: absolute;
    right: 2px;
    top: 5px;
    width: 4px;
    height: 6px;
    /*background: url('/images/arrow_right_orange_small_padded.png') 0px 0px no-repeat;*/
    cursor: pointer;
}

/*
	FOOTER --------------------------------------------------------------------------------------------------
*/
.bb_footer {
    padding-top: 30px;
    /*background: url(/images/babo-bg-footer.gif);*/
    padding-bottom: 10px;
}

.bb_f_cell_info .bb_f_cell {
    width: 220px;
    float: left;
    margin-right: 20px;
}

.bb_f_cell_info {
    list-style: none;
}

    .bb_f_cell_info li ul {
        list-style: none;
    }

.bb_f_cell_left {
    margin-left: 20px;
}

.bb_f_cell h4 {
    color: #414141;
    padding-bottom: 5px;
    border-bottom: 1px solid #9a9a9a;
    margin-bottom: 5px;
}

.bb_f_cell ul li {
    line-height: 2em;
}

.bb_f_infobabo ul li {
    line-height: 1.6em;
}

.bb_f_cell ul li a {
    font-size: 11px;
    color: #666;
}

.bb_f_aboutbabo p {
    line-height: 1.5em;
    color: #777777;
    padding-top: 5px;
}

    .bb_f_aboutbabo p strong {
        color: #414141;
    }

.bb_f_cnn li {
    padding-left: 30px;
}

.bb_f_fb {
    background-position: -6px -522px;
}

.bb_f_tw {
    background-position: -6px -558px;
}

.bb_f_gl {
    background-position: -6px -589px;
}

.bb_f_email {
    padding-top: 10px;
    padding-left: 20px;
}

    .bb_f_email span {
        font-weight: bold;
    }

.bb_enail_input {
    padding: 7px 5px;
    width: 290px;
    border: 1px solid #cccccc;
    background: #ccc;
    color: #cccccc;
}

.btnSendEmail {
    padding: 9px 5px;
    width: 148px;
    border: 1px solid #cccccc;
    background: #f8f8f8;
    color: #959595;
}

.bg-footer {
    height: 38px;
    background: #f1f1f1;
    margin-top: 10px;
}

.CategoryFooter {
    width: 980px;
    margin: 0 auto;
}

.bb_footer_content {
    margin-top: 20px;
}

.f-item1, .f-item2, .f-item3 {
    min-height: 128px;
}

.f-item1 {
    width: 171px;
    float: left;
}

.f-item2 {
    width: 491px;
    float: left;
}

.f-item3 {
    width: 318px;
    float: left;
}

.bb-f-social ul {
    list-style: none;
}

    .bb-f-social ul li {
        float: left;
        height: 21px;
        line-height: 21px;
    }

        .bb-f-social ul li a {
            color: #535353;
            font-weight: bold;
            padding-right: 9px;
        }

.bb-f-social .f-fb {
    background: url(/images/icon-footer.png) left top no-repeat;
    padding-left: 25px;
}

.bb-f-social .f-plus {
    background: url(/images/icon-footer.png) left -24px no-repeat;
    padding-left: 26px;
}

.bb-f-social .f-youtube {
    background: url(/images/icon-footer.png) left -49px no-repeat;
    padding-left: 36px;
}

.bb-f-social .f-zingme {
    background: url(/images/icon-footer.png) left -74px no-repeat;
    padding-left: 25px;
}

.bb-f-social .f-twitter {
    background: url(/images/icon-footer.png) left -98px no-repeat;
    padding-left: 25px;
}

.f-input {
    line-height: 21px;
    border: 1px solid #d8d8d8 !important;
    color: #aaaaaa;
    width: 200px;
    margin-top: 0px;
    padding: 1px 5px;
    height: 21px;
}

.f-btn {
    line-height: 25px;
    background: #ff9900;
    color: #fff;
    border: none;
    width: 50px;
    height: 25px;
    margin-left: 2px;
}

.f-cod {
    background: url(/images/icon-footer.png) left -123px no-repeat;
    float: left;
    margin-right: 12px;
    display: block;
    height: 31px;
    text-indent: -9999px;
    width: 55px;
}

.f-visa {
    background: url(/images/icon-footer.png) left -157px no-repeat;
    float: left;
    margin-right: 12px;
    display: block;
    height: 30px;
    text-indent: -9999px;
    width: 47px;
}

.f-master {
    background: url(/images/icon-footer.png) left -193px no-repeat;
    float: left;
    display: block;
    height: 31px;
    text-indent: -9999px;
    width: 51px;
}

.bb-f-info {
    line-height: 1.5em;
}

    .bb-f-info p {
        font-size: 11px;
    }

/* FOOTER BOTTOM- -----------------------------------------*/
.f-bottom-1 {
    margin-top: 10px;
    height: 277px;
    min-height: 277px;
}

    .f-bottom-1 .f-b-col, .f-bottom-1 .f-b-col-2, .f-bottom-1 .f-b-col-3 {
        float: left;
        min-height: 263px;
        height: 263px;
    }

    .f-bottom-1 .f-b-col {
        width: 302px;
    }

    .f-bottom-1 .f-b-col-2 {
        width: 293px;
    }

    .f-bottom-1 .f-b-col-3 {
        width: 385px;
    }

.tabFooter {
    position: relative;
}

.f-b-box-row ul {
    width: 263px;
}

    .f-b-box-row ul li {
        float: left;
        background-color: #f2f2f2;
        border-right: 1px solid #c3c3c3;
        border-top: 1px solid #c3c3c3;
    }

        .f-b-box-row ul li:first-child {
            border-left: 1px solid #c3c3c3;
        }

        .f-b-box-row ul li a {
            display: block;
            color: #5b5b5b;
            padding: 5px 16px;
            font-size: 11px;
        }

.tab-f-ac {
    border-right: 1px solid #000 !important;
    border-top: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
}

    .tab-f-ac > a {
        background-color: #fff;
        font-weight: bold;
        padding: 6px 16px !important;
        position: relative;
        z-index: 3;
    }

.tab-f-sub {
    display: none;
    position: absolute;
    width: 263px;
    border-right: 1px solid #dbdbdb;
    border-top: 1px solid #000;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    left: 0px;
    top: 22px;
    background-color: #fff;
    padding: 10px 0px;
    z-index: 2;
    min-height: 51px;
}

.tab-f-ac .tab-f-sub {
    display: block;
}

.f-b-box-row ul li ul li {
    border: none !important;
}

    .f-b-box-row ul li ul li a {
        font-weight: normal;
        padding: 2px 20px 2px 26px;
        background: #FFF url('/images/icons/dot-footer.gif') 18px 9px no-repeat;
        overflow: hidden;
        height: 13px;
        line-height: 13px;
    }

        .f-b-box-row ul li ul li a:hover {
            text-decoration: underline;
        }

.f-support {
    margin-top: 100px;
    width: 265px;
}

.su-title {
    color: #3d3d3d;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 9px;
    border-bottom: 2px solid #e3e3e3;
    font-size: 11px;
}

.su-listnews {
    padding: 15px 0px;
    width: 100%;
}

.su-item {
    width: 50%;
}

    .su-item a {
        display: block;
        color: #3e3e3e;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 20px;
        background: #fff url('/images/icons/dot-footer.gif') 0px 8px no-repeat;
        padding-left: 10px;
    }

        .su-item a:hover {
            color: #f60;
            text-decoration: underline;
        }

    .su-item:last-child a {
        padding-left: 18px;
    }

.f-huongdan {
    margin-top: 4px;
}

.hd-title {
    color: #3d3d3d;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 5px;
}

.hd-list ul {
    overflow: hidden;
    width: 264px;
    height: 73px;
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}

    .hd-list ul li {
        float: left;
        width: 131px;
        border-right: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }

        .hd-list ul li a {
            display: block;
            background-color: #f3f3f3;
            line-height: 35px;
            height: 35px;
            color: #828282;
            padding-left: 15px;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 11px;
        }

.hd-ques, .hd-product, .hd-buy, .hd-acc {
    position: relative;
}

    .hd-ques i, .hd-product i, .hd-buy i, .hd-acc i {
        position: absolute;
        top: 5px;
        right: 5px;
        background-image: url(/images/ecg-home-layout.png);
    }

    .hd-ques i {
        width: 23px;
        height: 26px;
        background-position: -363px -170px;
    }

    .hd-product i {
        width: 31px;
        height: 19px;
        background-position: -420px -170px;
    }

    .hd-buy i {
        width: 20px;
        height: 25px;
        background-position: -393px -170px;
    }

    .hd-acc i {
        width: 20px;
        height: 23px;
        background-position: -364px -202px;
    }

.hd-service {
    margin-top: 35px;
    width: 265px;
}

.f-trade-top {
    border: 1px solid #e1e1e1;
    height: 101px;
    width: 385px;
    margin-top: 10px;
}

.tra-left, .tra-right {
    height: 101px;
}

.tra-left {
    width: 233px;
    border-right: 1px solid #e1e1e1;
}

.tra-right {
    width: 151px;
}

.tra-info {
    padding-left: 105px;
    margin-top: 32px;
    position: relative;
}

    .tra-info span {
        text-transform: uppercase;
        color: #888888;
    }

.tra-xem {
    margin-top: 5px;
    background-color: #f25301;
    color: #FFF;
    border: 1px solid #e1e1e1;
    text-align: center;
    font-weight: bold;
    width: 93px;
    height: 20px;
    line-height: 20px;
    display: block;
    font-size: 11px;
}

    .tra-xem:hover {
        color: #FFF;
    }

.icon-tra-1, .icon-tra-2 {
    position: absolute;
    display: block;
    background-image: url(/images/ecg-home-layout.png);
}

.icon-tra-1 {
    width: 79px;
    height: 79px;
    top: -22px;
    left: 11px;
    background-position: -475px -170px;
}

.icon-tra-2 {
    width: 35px;
    height: 25px;
    top: -27px;
    left: 93px;
    background-position: -429px -202px;
}

.tra-right ul {
    padding: 9px 13px;
    overflow: hidden;
}

    .tra-right ul li {
        line-height: 27px;
        height: 27px;
        border-bottom: 2px solid #f0f0f0;
    }

        .tra-right ul li:last-child {
            border-bottom: none;
        }

        .tra-right ul li a {
            color: #535353;
            text-transform: uppercase;
            font-size: 11px;
        }

            .tra-right ul li a:hover {
                text-decoration: underline;
            }

.tra-cs, .tra-cd {
    position: relative;
}

    .tra-cs i, .tra-cd i {
        position: absolute;
        display: block;
        right: 1px;
        background-image: url(/images/ecg-home-layout.png);
        top: 5px;
    }

    .tra-cs i {
        width: 13px;
        height: 16px;
        background-position: -429px -241px;
    }

    .tra-cd i {
        width: 16px;
        height: 16px;
        background-position: -427px -272px;
    }

.f-trade-bottom {
    margin-top: 15px;
    width: 256px;
    position: relative;
}

.icon-msbabo {
    position: absolute;
    display: block;
    width: 112px;
    height: 110px;
    background-position: -567px -170px;
    top: 0px;
    right: -130px;
}

.ra-b-left {
    width: 145px;
}

.ra-b-right {
    width: 110px;
}

.tra-l-title {
    color: #3d3d3d;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 8px;
}

.ulHoatdong, .ulThanhtoan {
    border-top: 2px solid #e3e3e3;
    overflow: hidden;
    width: 110px;
    padding-top: 13px;
}

    .ulHoatdong a, .ulThanhtoan a {
        display: block;
        color: #3e3e3e;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 20px;
        background: #fff url('/images/icons/dot-footer.gif') 0 8px no-repeat;
        padding-left: 10px;
    }

        .ulHoatdong a:hover, .ulThanhtoan a:hover {
            color: #f60;
            text-decoration: underline;
        }

.ft-box {
    margin-top: 25px;
}

    .ft-box a {
        color: #3c3c3c;
        display: block;
        height: 36px;
        line-height: 36px;
        padding-left: 10px;
        border-bottom: 1px solid #cfd2d7;
        position: relative;
    }

        .ft-box a:hover {
            background-color: #f3f3f3;
        }

        .ft-box a i {
            display: block;
            position: absolute;
            width: 23px;
            height: 23px;
            top: 8px;
            right: 10px;
            background: url(/images/ecg-home-layout.png) -393px -202px no-repeat;
        }

.ft-ac {
    border-top: 3px solid #26364d !important;
    border-bottom: 1px solid #a0a7b1 !important;
    background-color: #f3f3f3;
}

.ft-box a strong {
    padding-right: 45px;
    background: url(/images/icons/icon-line-home-product-cate.gif) right 3px no-repeat;
}

.ft-box a span {
    padding-left: 26px;
    color: #676767;
}

.ft-box p {
    color: #000000;
}

.ft-sub-box {
    padding: 10px;
    line-height: 1.5em;
    border-bottom: 1px solid #cfd2d7;
    display: none;
}

    .ft-sub-box p {
        margin-top: 10px;
    }

/*
    CATEGORY PAGE ---------------------------------------------
    */
.MapLink {
    border: 1px solid #d9dce1;
    background: #f9f9f9;
    line-height: 28px;
    height: 28px;
    border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    width: 978px;
}

.CateMap_Left {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-right: 10px;
}

    .CateMap_Left ul li {
        line-height: 23px;
    }

        .CateMap_Left ul li a {
            color: #333;
            height: 23px;
            line-height: 23px;
            display: block;
            overflow: hidden;
        }

            .CateMap_Left ul li a:hover {
                text-decoration: underline;
            }

.MapLink a {
    font-size: 11px;
    color: #333;
}

    .MapLink a:hover {
        text-decoration: underline;
    }

.ml-left {
    height: 28px;
    line-height: 28px;
}

    .ml-left span {
        font-weight: bold;
        font-size: 11px;
        padding-left: 10px;
    }

    .ml-left a {
        padding: 0px 10px;
    }

.cate-page-box {
}

.cate-left-box {
    width: 185px;
}

.cate-list {
    margin-top: 10px;
}

.cate-list-header {
    color: #434343;
}

    .cate-list-header h3 a {
        font-size: 20px;
        font-family: Open Sans Condensed;
        text-transform: uppercase;
        color: #454545;
    }

    .cate-list-header h3 {
        font-weight: normal;
    }

        .cate-list-header h3 a:hover {
            color: #f60;
            cursor: pointer;
        }

.cateSub {
    margin-top: 10px;
}

    .cateSub li {
        position: relative;
    }

        .cateSub li h3 {
            font-weight: normal;
        }

        .cateSub li a {
            color: #333333;
            height: 30px;
            line-height: 30px;
            margin-right: 10px;
            display: block;
            overflow: hidden;
        }

            .cateSub li a:hover {
                text-decoration: underline;
            }

        .cateSub li .lnkL2 {
            padding-left: 10px;
            border-bottom: 1px dashed #c7c7c7;
            background: url(/images/icons/icon-cate-page.png) right 12px no-repeat;
        }

        .cateSub li:hover .cate-sub-box {
            display: block;
        }

.cate-sub-box {
    display: none;
    position: absolute;
    top: 0px;
    left: 185px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 99;
    padding: 10px;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,.13);
    -moz-box-shadow: 2px 2px 4px 0 rgba(0,0,0,.13);
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.13);
}

.cate-sub-boxShow {
    display: none;
    width: 155px;
    background-color: #f9f9f9;
    border-bottom: 1px dashed #c7c7c7;
    z-index: 99;
    padding: 10px;
}

    .cate-sub-boxShow h3 a {
        background: #f9f9f9 url('/images/icons/dot-footer.gif') 0 14px no-repeat !important;
    }

.cateSub li h3 {
    font-weight: normal;
}

    .cateSub li h3 a {
        padding-left: 8px;
        background: #fff url('/images/icons/dot-footer.gif') 0px 14px no-repeat;
    }

        .cateSub li h3 a:hover {
            text-decoration: underline;
        }

.cate-adv-left {
    width: 185px;
    text-align: center;
}

.pp1-adv {
    width: 100%;
}

    .pp1-adv a img {
        display: block;
        float: left;
    }

.cate-right-box {
    border-left: 1px solid #e5e5e5;
    width: 794px;
}

#slideshowHolderCate {
    margin-left: 9px;
}

.p-summary {
    margin-left: 9px;
    color: #888 !important;
}

    .p-summary a {
        color: #888 !important;
    }

.cate-right-top {
    margin-left: 15px;
}

.bb_cate_breadcrumb {
    margin-top: 12px;
    margin-bottom: 10px;
    /*border-bottom: 1px solid #F3F3F3;*/
}

    .bb_cate_breadcrumb li {
        float: left;
        padding: 0 8px 0 12px;
        background: url(/images/icons/icon-cate-page.png) 2px 4px no-repeat;
    }

        .bb_cate_breadcrumb li:first-child {
            background-image: none;
        }

        .bb_cate_breadcrumb li a {
            color: #333;
            font-size: 12px;
        }

            .bb_cate_breadcrumb li a:hover {
                text-decoration: underline;
                color: #f60;
            }

        .bb_cate_breadcrumb li:last-child a {
            /*color: #004c94;*/
        }

.cate-topPromotion {
    margin-top: 10px;
}

.toppromotion-header {
    position: relative;
}

.topPro-padding {
    padding-left: 50px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
}

.topPromo-text {
    color: #8f8f8f;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Helvetica;
}

.topPromo-text-2 {
    color: #058c02;
    font-family: Helvetica;
    font-size: 14px;
}

.topPromo-text b {
    color: #000;
}

.toppromotion-header i {
    display: block;
    width: 38px;
    height: 35px;
    position: absolute;
    top: 0px;
    left: 5px;
    background: url(/images/ecg-home-layout.png) -12px -241px no-repeat;
}

.cate-promo-all {
    position: absolute;
    top: 20px;
    right: 0px;
    background: url(/images/icons/tich-green.png) 0px 2px no-repeat;
    padding-left: 20px;
    display: block;
    line-height: 20px;
    height: 20px;
    color: #282828 !important;
    text-transform: uppercase;
    font-family: Helvetica;
    font-size: 13px;
}

    .cate-promo-all:hover {
        color: #f60 !important;
    }

.toppromotion-body {
    margin-top: 10px;
    position: relative;
    background-color: #fff;
}

.pIten-back, .pIten-next {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(/images/ecg-home-layout.png);
    top: 35%;
    text-indent: -9999px;
}

.pIten-back {
    background-position: -65px -261px;
    left: 0px;
}

.pIten-next {
    background-position: -97px -261px;
    right: 0px;
}

.pIten-back:hover {
    background-position: -129px -261px;
}

.pIten-next:hover {
    background-position: -161px -261px;
}

.listp {
    overflow: hidden;
    width: 760px;
    margin: 0px 10px;
}

    .listp li {
        float: left;
        width: 25%;
    }

.pItem {
    margin: 20px 20px 5px;
    position: relative;
}

    .pItem .OrderNow {
        position: absolute;
        display: none;
        padding: 3px 15px;
        color: #333;
        background-color: #ccc;
        -moz-opacity: .70;
        filter: alpha(opacity=70);
        opacity: .70;
        top: 45%;
        left: 25%;
        z-index: 999;
    }

    .pItem:hover .OrderNow {
        display: block;
    }

.pItem-lnkImg {
    display: block;
    text-align: center;
    position: relative;
    border: 1px solid #f2f2f2;
    background: url(/images/icons/gif-load-small1.gif) 50% 50% no-repeat;
    width: 150px;
    height: 139px;
}

    .pItem-lnkImg:hover {
        border-color: #f99d1c;
    }

.pItem-per {
    position: absolute;
    display: block;
    padding: 4px 5px;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    top: 1px;
    left: 1px;
    background-color: #ff6633;
}

    .pItem-per i {
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
    }

.pItem-info {
    margin-top: 15px;
}

    .pItem-info h2, .pItem-info h6 {
        overflow: hidden;
        font-weight: normal;
        padding-right: 25px;
        height: 50px;
    }

        .pItem-info h2 a, .pItem-info h6 a {
            font-size: 13px;
            font-family: Helvetica;
            line-height: 18px;
        }

            .pItem-info h2 a:hover, .pItem-info h6 a:hover {
                color: #f60;
            }

.pItem-PriceOld {
    display: block;
    color: #9c9c9c;
    text-decoration: line-through;
}

.pItem-PriceNew {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    position: relative;
}

    .pItem-PriceNew i {
        display: block;
        position: absolute;
        width: 49px;
        height: 37px;
        background: url(/images/ecg-home-layout.png) -364px -234px no-repeat;
        top: -35px;
        right: 35px;
        font-style: normal;
        font-weight: normal;
        line-height: 31px;
        text-align: center;
        font-family: Source Sans Pro;
        font-size: 16px;
    }

.icon-cate-new {
    display: block;
    position: absolute;
    width: 49px;
    height: 37px;
    background: url(/images/ecg-home-layout.png) -364px -234px no-repeat;
    top: -18px;
    right: -8px;
    font-style: normal;
    font-weight: normal;
    line-height: 31px;
    text-align: center;
    font-family: Source Sans Pro;
    font-size: 16px;
    z-index: 99999;
}

.pItem-PriceNew strong {
    font-size: 12px;
}

.cate-tab-box {
    margin-top: 30px;
    min-height: 356px;
}

.tabCateHeader li {
    float: left;
    width: 265px;
    background-color: #e3e3e3;
    border-top: 3px solid #4762b1;
}

    .tabCateHeader li:last-child {
        width: 264px;
    }

.liTabLast {
    width: 264px !important;
}

.tabCateHeader li a {
    display: block;
    height: 67px;
    padding-left: 45px;
    color: #000000;
    position: relative;
}

.tabCateHeader-ac {
    color: #fff !important;
    background: #4762b1;
}

.drop-arrow {
    display: block;
    position: absolute;
    top: 67px;
    left: 0px;
    background: url(/images/icons/drop-arrow-category.png) 0px 0px no-repeat;
    width: 264px;
    height: 11px;
}

.tabCateHeader-ac .cateTab-text {
    color: #fff !important;
}

.cateTab-text {
    color: #7b7b7b;
    font-size: 11px;
}

.cateTab-caption {
    text-transform: uppercase;
    font-size: 14px;
    font-family: Helvetica;
    font-weight: bold;
    padding-top: 18px;
}

.iconNew, .icon-taborder, .tabthanhly {
    position: absolute;
    display: block;
    background-image: url(/images/ecg-home-layout.png);
    top: 21px;
}

.iconNew {
    width: 24px;
    height: 24px;
    background-position: -68px -295px;
    left: 16px;
}

.icon-taborder {
    width: 23px;
    height: 22px;
    background-position: -98px -295px;
    left: 17px;
}

.tabthanhly {
}

.cateTabBody {
    margin-top: 15px;
    margin-left: 15px;
    background: url(/images/icons/gif-load-small.gif) 50% 50% no-repeat;
    min-height: 269px;
}

    .cateTabBody .toppromotion-body {
        display: none;
    }

.cate-rate {
    margin-top: 30px;
}

    .cate-rate .topPromo-text-2 {
        color: #797979;
    }

    .cate-rate .toppromotion-header i {
        width: 38px;
        height: 38px;
        background-image: url(/images/ecg-home-layout.png);
        background-position: -12px -284px;
    }

.providerUlList {
    border-top: 1px solid #e5e5e5;
}

    .providerUlList li {
        float: left;
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        width: 98px;
        text-align: center;
    }

.provider-cate-box {
}

    .provider-cate-box .toppromotion-header {
        margin-left: 15px;
    }

        .provider-cate-box .toppromotion-header i {
            width: 27px;
            height: 33px;
            background-image: url(/images/ecg-home-layout.png);
            background-position: -69px -324px;
            left: 14px;
            top: 3px;
        }

    .provider-cate-box .topPro-padding {
        border-bottom: none;
    }

    .provider-cate-box .toppromotion-body {
        margin-top: 8px;
    }

.cate-OtherCate {
    margin-top: 30px;
}

    .cate-OtherCate .toppromotion-header i {
        width: 27px;
        height: 33px;
        background-image: url(/images/ecg-home-layout.png);
        background-position: -102px -324px;
        left: 14px;
        top: 3px;
    }

    .cate-OtherCate .topPromo-text-2 {
        color: #797979;
    }

.CateOtherList li {
    margin-top: 8px;
    float: left;
    margin-right: 9px;
}

    .CateOtherList li a {
        display: block;
        position: relative;
    }

        .CateOtherList li a span {
            display: none;
            width: 102px;
            height: 135px;
            position: absolute;
            top: 0px;
            left: 0px;
            box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.2) inset, 10px 0 10px -10px rgba(0, 0, 0, 0.2) inset;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
        }

        .CateOtherList li a:hover span {
            display: block;
        }

.right-footer-text {
    margin-top: 20px;
}

.c-f-t-header a {
    color: #3c3c3c;
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    border-top: 3px solid #26364d !important;
    border-bottom: 1px solid #a0a7b1 !important;
    background-color: #f3f3f3;
}

.c-f-t-content {
    padding: 15px 10px;
    color: #666666;
    display: none;
}

    .c-f-t-content a {
        color: #666 !important;
        cursor: default;
    }

        .c-f-t-content a:hover {
            color: #f60 !important;
        }

/*
    CATEGORY L2 -----------------------------------------------------
    */
.cate-promo-l2 {
    margin-left: 9px;
}

.promo-header {
    margin-left: 9px;
}

    .promo-header h1 {
        font-size: 20px;
        text-transform: uppercase;
        font-family: Source Sans Pro bold;
    }

.promo-item h2 {
    margin-top: 5px;
    padding-right: 5px;
    overflow: hidden;
    height: 36px;
}

    .promo-item h2 a {
        font-size: 12px;
        font-family: Helvetica;
        line-height: 18px;
        font-weight: normal;
    }

.promo-listtop4 ul li {
    float: left;
    width: 184px;
    margin-right: 14px;
    padding-top: 8px;
}

    .promo-listtop4 ul li:last-child {
        margin-right: 0px;
    }

.itemLastPromotion {
    margin-right: 0px !important;
}

.promo-item-left {
    width: 110px;
}

.promo-item-right {
    width: 74px;
    position: relative;
}

    .promo-item-right .iconpromo, .promo-item-right .icongift {
        display: block;
        position: absolute;
        top: -4px;
        right: -10px;
        background-image: url(/images/ecg-home-layout.png);
    }

    .promo-item-right .iconpromo {
        background-position: -274px -234px;
        width: 35px;
        height: 33px;
        font-style: normal;
        color: #ff0103;
        font-weight: bold;
        line-height: 33px;
        text-align: center;
    }

    .promo-item-right .icongift {
        background-position: -274px -270px;
        width: 33px;
        height: 33px;
    }

.promo-item-left .pItem-PriceNew {
    font-size: 14px;
}

/*
    Category pro duct list ---------------------------------------------------------
    */
.Category-p-list {
    margin-left: 9px;
    margin-top: 5px;
}

.cate-box-codition {
    /*height: 45px;
    line-height: 45px;
    background: url(/images/ecg-home-layout.png) 0px -449px repeat-x;*/
    background-color: #f5f5f5;
    height: 35px;
    line-height: 35px;
    width: 100%;
}

.box-co-left {
    width: 450px;
    overflow: hidden;
    position: relative;
    height: 45px;
}

.box-co-right {
    width: 335px;
}

.litsCo {
    width: 100%;
    overflow: hidden;
}

    .litsCo li {
        float: left;
        padding: 0px 12px;
        background: url(/images/icons/border-left-nav-top.gif) 0 12px no-repeat;
    }

        .litsCo li:first-child {
            background: none;
        }

        .litsCo li a {
            color: #535353;
            text-transform: uppercase;
            text-shadow: 1px 1px #fff;
        }

            .litsCo li a:hover {
                text-decoration: underline;
            }

.arrandCategory {
    background: url(/images/icons/arround-bottom-category.png) 0px 0px no-repeat;
    position: absolute;
    top: 34px;
    left: -32px;
    display: block;
    width: 294px;
    height: 10px;
}

.coFirst-text {
    text-transform: uppercase;
    color: #8F8F8F;
}

.coWrap {
    width: 100%;
    text-align: right;
    line-height: 32px;
}

.sortCol, .sortGrid {
    padding: 2px 12px;
    width: 18px;
    height: 18px;
    background-image: url(/images/ecg-home-layout.png);
    text-indent: -9999px;
}

.sortCol {
    background-position: -313px -236px;
}

.sortGrid {
    background-position: -338px -236px;
}

.coText {
    padding-right: 5px;
    text-shadow: 1px 1px #fff;
}

.coText2 {
    padding-left: 10px;
    padding-right: 5px;
    text-shadow: 1px 1px #fff;
}

.sortDrop {
    border: 1px solid #ccc;
    padding: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 4px;
}

    .sortDrop:focus {
        /*outline : 2px solid #f99d1c;*/
        -webkit-box-shadow: 0px 0px 0px 1px #f99d1c;
        -moz-box-shadow: 0px 0px 0px 1px #f99d1c;
        box-shadow: 0px 0px 0px 1px #f99d1c;
        border: 1px solid #f99d1c;
    }

.sortCol-ac {
    background-position: -313px -255px;
}

.sortGrid-ac {
    background-position: -338px -255px;
}

.textTotalProduct {
    font-size: 11px;
    text-transform: uppercase;
    color: #555;
    position: relative;
    width: 100%;
    text-align: right;
}

    .textTotalProduct .h-l3 {
        font-size: 16px;
        font-family: Source Sans Pro bold;
        float: left;
    }

    .textTotalProduct .countp {
        float: right;
        margin-top: 8px;
    }

.CoListProduct {
    position: relative;
}

#CategoryLoadingTab {
    position: absolute;
    top: 0px;
    right: 0px;
}

.CoListProduct .listp {
    width: 100%;
}

    .CoListProduct .listp .pItem {
        margin: 15px 10px 5px;
    }

        .CoListProduct .listp .pItem .pItem-lnkImg {
            text-align: center;
            background: url(/images/icons/gif-load-small1.gif) 50% 50% no-repeat;
            width: 176px;
            height: 139px;
        }

        .CoListProduct .listp .pItem .pItem-per {
            background: url(/images/ecg-home-layout.png) -364px -234px no-repeat;
            width: 49px;
            height: 37px;
            color: #3c3c3c;
            line-height: 23px;
            padding-left: 5px;
        }

    .CoListProduct .listp li {
        min-height: 277px;
        height: 277px;
    }

.fbComment {
    color: #fff;
    background-color: #3b5997;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: normal;
    padding: 1px 5px;
}

.pItem-provider {
    color: #666;
    margin-top: 10px;
}

.pItem-pagging, .pItem-pagging-other {
    line-height: 34px;
    height: 34px;
    background-color: #f2f2f2;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

    .pItem-pagging img {
        position: absolute;
        top: 36px !important;
        right: 0px !important;
    }

    .pItem-pagging a, .pItem-pagging-other a {
        display: block;
        font-size: 14px;
        text-transform: uppercase;
        color: #000;
    }

.bb_pagging {
    margin: 15px 0px;
    float: right;
}

.bb_pagging li {
    float: left;
    margin: 0 5px;
}

.bb_pagging li a {
    display: block;
    height: 25px;
    padding: 0px 10px;
    text-align: center;
    color: #7e7e7e;
    line-height: 25px;
    border: 1px solid #f6f6f6;
}

.bb_pagging li a:hover {
    text-decoration: none !important;
}

.bb_pagging li a.bb_pagging_item:hover {
    background: #f05922;
    color: #fff;
}

.bb_pagging_ac {
    background: #f05922;
    color: #fff !important;
}
.bb_pagging_First {
    
}

.bb_pagging_Last {
    
}
/*
    PRODUCT DETAIL
    -----------------------------------------------------------------
    */
/* Img detail ----------  */
.box-p-img-detail {
    border: 1px solid #efefef;
}

    .box-p-img-detail a img {
        padding: 20px 0px 10px;
    }

.slide-image a {
    display: block;
    border: 1px solid #efefef;
    padding: 1px;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    margin-top: 5px;
    float: left;
}

.slideimgLast {
    margin-right: 0px !important;
}

.slideimgBgImg {
    background: url(/images/icons/icon-small-zoom.gif) 0px 0px no-repeat;
    border: none !important;
    width: 50px !important;
    height: 50px !important;
}

.zoom-desc {
    margin-top: 5px;
}

.p-detail-wrap {
    border: 1px solid #ddd;
    padding: 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.p-detail-top-left, .p-detail-top-right {
    background-color: #fff;
}

.p-detail-top-left {
    width: 734px;
}

.p-detail-top-right {
    width: 232px;
}

.pDetailPadding20 {
    padding: 20px;
}

.pDetail-header {
    padding-bottom: 15px;
}

    .pDetail-header h1 {
        font-size: 24px;
        color: #515151;
    }

.pDetail-img {
    width: 295px;
    margin-right: 20px;
}

.pDetail-infotext {
    width: 379px;
}

.infotextRightTop {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.infotext-left {
    background-color: #fafafa;
    width: 130px;
    padding-top: 12px;
    padding-bottom: 20px;
}

.infotext-right {
    padding-top: 12px;
    width: 231px;
    margin-left: 18px;
}

    .infotext-right p {
        display: block;
        line-height: 26px;
    }

.haspd {
    color: #0094ff;
    font-size: 14px;
    font-weight: bold;
}

.callpd {
    color: #f60;
    font-size: 14px;
    font-weight: bold;
}

.overpd {
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
}

.onlyOlpd {
    color: #39b604;
    font-size: 14px;
    font-weight: bold;
}

.infotext-left p {
    display: block;
    line-height: 26px;
    padding-left: 15px;
    font-family: Arial, sans-serif;
}

.pd-code {
    color: #3d3d3d;
}

.pd-price {
    color: #fd7100;
    font-size: 20px;
    font-weight: bold;
}

.pd-priceLast {
    padding-bottom: 14px;
}

.p-size-selected {
    border: 1px solid #f05b21 !important;
    color: #f05b21 !important;
}

.p-price-promo {
    font-size: 11px;
    color: #333;
}

.p-priceOld {
    text-decoration: line-through;
}

.pd-size a {
    float: left;
    padding: 0px 7px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin-right: 5px;
    border: 1px solid #e2e2e4;
    margin-bottom: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .pd-size a:hover {
        border: 1px solid #f05b21;
    }

.pd-Color a {
    float: left;
    width: 24px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    border: 1px solid #fff;
}

.pd-Color .colorSelected {
    border: 1px solid #fd7100 !important;
}

.pd-Color a i {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0px;
    right: -8px;
    background: url(/images/icons/tick_green_small.gif) 0px 0px no-repeat;
}

.pd-quan {
    color: #333 !important;
}

.box-quan {
    position: relative;
    width: 45px;
}

    .box-quan input {
        border: 1px solid #e5e1c8;
        width: 23px;
        height: 19px;
        padding-left: 5px;
    }

.quan-top, .quan-bottom {
    position: absolute;
    display: block;
    background-image: url(/images/icons/icon-next-quan.png);
    width: 13px;
    height: 10px;
    right: 0px;
}

.quan-top {
    background-position: 0px 0px;
    top: 0px;
}

.quan-bottom {
    background-position: 0px -11px;
    top: 13px;
}

.infotextRightBottom {
    margin-top: 10px;
}

.btnHetHang {
    display: block;
    width: 121px;
    height: 35px;
    background-image: url(/images/ecg-home-layout.png);
    border: none;
    text-indent: -99999px;
    background-position: 0px -612px;
}

.btnMuaNgay, .btnGioHang {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 121px;
    height: 35px;
    background-image: url(/images/ecg-home-layout.png);
    border: none;
    text-indent: -99999px;
}

    .btnMuaNgay:hover, .btnGioHang:hover {
        -moz-opacity: 0.8;
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

.btnMuaNgay {
    background-position: 0px -502px;
    margin-right: 8px;
    display: none;
}

.btnGioHang {
    background-position: 0px -543px;
}

.pd-detailproperty {
    width: 100%;
    padding-bottom: 10px;
}

.tab-property {
    width: 100%;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

    .tab-property li {
        line-height: 16px;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid;
        overflow: hidden;
    }

        .tab-property li:before {
            width: 4px;
            height: 4px;
            display: block;
            /*background: #fff url('/images/icons/icon-tick-small.png') 0px 5px no-repeat;*/
            background: #ffae0d;
            content: '';
            color: #5b5b5b;
            line-height: 22px;
            font-family: arial;
            float: left;
            border-radius: 2px;
            margin-top: 7px;
        }

        .tab-property li span {
            margin-left: 10px;
            display: block;
        }

.pd-detail-other {
    padding-left: 6px;
    margin: 10px 0px;
}

    .pd-detail-other a {
        font-size: 11px;
        position: relative;
    }

.icon-hdmh {
    padding-left: 20px;
}

    .icon-hdmh i, .p-rate i, .add-wishlist i {
        display: block;
        position: absolute;
        top: 0px;
        background: #fff url('/images/ecg-home-layout.png') 0px 5px no-repeat;
    }

    .icon-hdmh i {
        width: 12px;
        height: 21px;
        background-position: -148px -335px;
    }

.p-rate {
    padding-left: 13px;
    margin-left: 15px;
}

    .p-rate i {
        width: 11px;
        height: 11px;
        background-position: -139px -304px;
    }

.add-wishlist {
    padding-left: 15px;
    margin-left: 15px;
}

    .add-wishlist i {
        width: 12px;
        height: 12px;
        background-position: -154px -303px;
    }

.pd-social-like {
    margin-top: 10px;
    height: 28px;
    /*overflow: hidden;*/
    z-index: 99999;
position: relative;
}

.socialShare li {
    float: left;
    margin-right: 10px;
}

.pd-promotionInfo {
    margin-top: 10px;
    padding: 10px;
    background-color: #f7f7f7;
    color: #515151;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.supportInfo-box {
    margin: 1px;
}

.sp-info-header {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.sp-info-body ul {
    padding: 10px;
}

    .sp-info-body ul li p, .sp-info-body ul li p a {
        font-size: 11px;
    }

    .sp-info-body ul li {
        margin-bottom: 10px;
        position: relative;
    }

        .sp-info-body ul li p {
            line-height: 15px;
            padding-left: 15px;
            display: block;
        }

.iMap {
    position: absolute;
    display: block;
    width: 16px;
    height: 21px;
    background: #fff url('/images/ecg-home-layout.png') 0px 5px no-repeat;
    top: 3px;
    left: -5px;
    background-position: -242px -273px;
}

    .iMap:hover {
        background-position: -242px -295px;
    }

.pd-infoText {
    -webkit-box-shadow: 6px 2px 4px 0px rgba(0,0,0,.13);
    -moz-box-shadow: 6px 2px 4px 0px rgba(0,0,0,.13);
    box-shadow: 6px 2px 4px 0px rgba(0,0,0,.13);
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

    .pd-infoText li a {
        display: block;
        line-height: 25px;
        font-size: 13px;
        font-family: Helvetica;
        color: #333;
        padding-left: 15px;
        background: url('/images/icons/icon-tick-small.png') 3px 8px no-repeat;
        font-weight: bold;
    }

        .pd-infoText li a:hover {
            text-decoration: underline;
        }

.pd-same-box {
    margin: 1px;
}

.same-header {
    margin-bottom: 6px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    text-transform: uppercase;
}

.pSameList {
    height: 215px;
    min-height: 215px;
    overflow: auto;
    width: 228px;
}

    .pSameList::-webkit-scrollbar {
        width: 7px;
        background-color: #dde;
    }

    .pSameList::-webkit-scrollbar-thumb {
        background-color: #c2bd98;
    }

    .pSameList::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #ede7d1;
        background-color: #ede7d1;
    }

    .pSameList li {
        margin-top: 15px;
    }

        .pSameList li a {
            display: block;
            height: 60px;
            min-height: 60px;
            font-size: 11px;
            padding: 0px 10px;
        }

            .pSameList li a img {
                margin-right: 10px;
            }

            .pSameList li a p {
                margin-top: 5px;
                color: #333;
                font-family: Tahoma, Arial, sans-serif;
            }

                .pSameList li a p strong {
                    margin-top: 5px;
                    display: block;
                }

            .pSameList li a h5 {
                font-weight: normal;
                height: 28px;
                overflow: hidden;
                font-size: 11px;
            }

.pd-bg {
    background-color: #fff;
    overflow: hidden;
}

.pg-same-priceOld {
    text-decoration: line-through;
    color: #666;
    font-size: 11px;
}

.pd-same-all a {
    font-size: 11px;
    padding-left: 10px;
    color: #333;
}

.p-detail-body {
    margin-top: 20px;
}

.detail-body-left {
    width: 740px;
    margin-right: 10px;
}

.detail-body-right {
    width: 230px;
}

.pDetail-headerTab ul {
    padding-bottom: 2px;
    width: 100%;
    border-bottom: 3px solid #d8d8d8;
}

    .pDetail-headerTab ul li {
        float: left;
        height: 32px;
        line-height: 32px;
        text-align: center;
        /*background: url(/images/icons/border-left-nav-top.gif) 0 12px no-repeat;*/
        margin-right: 5px;
    }

        .pDetail-headerTab ul li a {
            color: #4d4d4d;
            border: 1px solid #e6e6e6;
            background-color: #f6f6f6;
            display: block;
            padding: 0px 20px;
            font-weight: bold;
        }

.headerTab-ac a {
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    background-color: #fe9601 !important;
    border: 1px solid #e98d04 !important;
}

.pDetail-Content-wrap {
    margin-top: 10px;
}

    .pDetail-Content-wrap img {
        max-width: 700px;
    }

.pDetail-Content-Item {
    display: none;
}
.pDetail-Content-Item table{
    border: thin solid #e5e5e5;
    border-collapse: collapse;
    border-spacing: 0;
}

.pDetail-Content-Item table td{
    padding:0px 5px;
}

.ContentItem-ac {
    display: block;
}

.pDetail-Content-Item {
    line-height: 20px;
    color: #363636;
}

    .pDetail-Content-Item a {
        color: #363636;
        text-decoration:none;
    }
    .pDetail-Content-Item a span{
        text-decoration:none;
    }
    .pDetail-Content-Item ul {
        margin-left: 35px !important;
    }

    .pDetail-Content-Item a:hover {
        text-decoration: underline;
    }

.pd_boxmore {
    border-left: 3px solid #f2f2f2;
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
    width: 215px;
    min-height: 125px;
    float: right;
}

.pd_boxmore h6 {
    margin: 10px 0;
    color: #f60;
}

.pd_boxmore ul {
    list-style-type: disc;
    margin-left: 13px;
}

.pd_boxmore ul li {
    text-align: left;
    line-height: 18px;
}

.rate-text-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
}

.rating-txt1 {
    font-size: 14px;
    font-family: Tahoma,Arial,sans-serif;
}

/******* EXAMPLE F *******/
.rating-f {
    padding-top: 10px;
}

    .rating-f .br-widget {
        height: 24px;
    }

        .rating-f .br-widget a {
            background: url('/images/icons/star_cam.png');
            width: 24px;
            height: 24px;
            display: block;
            float: left;
            margin-right: 5px;
        }

            .rating-f .br-widget a:hover,
            .rating-f .br-widget a.br-active,
            .rating-f .br-widget a.br-selected {
                background-position: 0 -24px;
            }

.lbRate {
    float: left;
    padding-right: 10px;
    line-height: 24px;
}

.CommentTitle {
    border: 1px solid #d8d8d8 !important;
    margin-left: 50px;
    width: 682px;
    padding: 6px 5px;
}

.boxCmmentBorder {
    margin-left: 50px;
    border-color: #d3d7dc;
    border: 1px solid #d8d8d8;
    margin-top: 5px;
    position: relative;
}

.CusCommentaccountName {
    margin-left: 50px;
    margin-top: 5px;
}

    .CusCommentaccountName input {
        border: 1px solid #d8d8d8 !important;
        padding: 6px 5px;
        margin-left: 5px;
    }

.rate-comment-none {
    display: none;
}

.rate-comment {
    position: relative;
}

.iconAvataComment {
    position: absolute;
    display: block;
    width: 46px;
    height: 46px;
    top: 2px;
    left: 0px;
    background: url('/images/icons/avatar-comment-icon.gif') 0px 0px no-repeat;
}

.areaComment {
    width: 630px;
    border: none;
    color: #4e5665;
    height: 30px;
    padding: 7px 5px;
    resize: none;
}

.bnt-addComment {
    position: absolute;
    display: block;
    width: 50px;
    height: 42px;
    background-color: #f1f1f1;
    top: 1px;
    right: 1px;
    border: none;
    text-transform: uppercase;
    text-align: center;
    margin-right: 0px !important;
    color: #666;
    font-size: 14px;
    text-shadow: 1px 1px #fff;
}

    .bnt-addComment:hover {
        background: #ffb319;
        color: #fff;
        text-shadow: 1px 1px #666;
    }

.BoxRating {
    margin-top: 15px;
}

    .BoxRating ul li {
        float: left;
        width: 100%;
    }

.rateLText {
    width: 57px;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

.ratePercenBox {
    margin-top: 3px;
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #e4e3e8;
    border-right: 0;
    border-left: none;
    height: 13px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    width: 100px;
    display: block;
    background-color: #f2f2f2;
}

.ratePercen {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ffb319;
    height: 13px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    display: block;
    border-bottom: 1px solid #c68a12;
}

.rateCount {
    margin-left: 10px;
}

.bgface {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .5;
    z-index: 9999;
    display: none;
}

.iconLoading {
    padding: 5px;
    background: #fff;
    border: 5px solid #333;
    opacity: 0.8;
    z-index: 9999;
}

    .iconLoading img {
        width: 80px;
        height: 80px;
    }

.popup-addrate-login {
    background: #fff;
    border: solid 1px #666;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    width: 550px;
    display: none;
    z-index: 10000;
}

.rate-submit-box {
    margin: 3px;
    background: #fff;
    padding: 1px 20px 15px 20px;
    position: relative;
}

.submit-box-header {
    font-size: 18px;
    padding: 10px 10px 10px 0px;
    color: #777;
    font-weight: bold;
}

.bl-name {
    color: #4d4d4d;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px !important;
}

.bl-icon {
    position: relative;
}

.inputNameRate, .inputEmailRate {
    padding: 6px 5px;
    width: 495px;
}

.bnt-addRate {
    background-color: #fe9601;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border: none;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 12px;
    font-family: Tahoma,Arial,sans-serif;
    margin-left: 0px;
}

.lnkFastLogin {
    color: #004C94 !important;
    font-size: 11px;
}

    .lnkFastLogin:hover {
        color: #f05b21;
    }

.lnkRateLogin {
    font-size: 11px;
    margin-top: 10px;
}

.loginFastEmail, .loginFastPass {
    width: 386px;
    padding: 6px 5px;
    font-family: tahoma;
    margin: 0px !important;
}

.bntFastLogin {
    padding: 0px 10px;
    position: absolute;
    top: 20px;
    right: 6px;
    background-color: #fe9601;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border: none;
    text-align: center;
    text-transform: uppercase;
    height: 86px;
    line-height: 69px;
    margin: 0px !important;
}

    .bntFastLogin:hover, .bnt-addRate:hover {
        -moz-opacity: 0.8;
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

.FromFastLogin {
    margin-top: 10px;
    position: relative;
    display: none;
}

.CloseBoxLogin {
    display: block;
    height: 12px;
    width: 12px;
    background: url('/images/ecg-home-layout.png') -186px -329px no-repeat;
    position: absolute;
    top: 15px;
    right: 7px;
    cursor: pointer;
}

.inline {
    display: inline-block;
    color: #333;
    font-size: 12px;
    margin: 3px 5px 0 0;
}

.CommentsortOrder {
    width: 110px;
    height: 22px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    color: #333;
    padding: 1px;
}

.ProductListComment {
}

.comment-sort {
    margin: 15px 0px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 8px;
}

/*
    COMMENT LIST---------------
    */
.ratRev_reviewListRow {
    border-bottom: 1px dashed #808080;
    margin-bottom: 13px;
    padding-bottom: 13px;
}

.ratRev_revTitle {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 10px;
    text-transform: lowercase;
}

.ratRev_revDetails {
    font-size: 10px;
    line-height: 1.1;
    color: #666;
    margin-bottom: 10px;
}

.ratRev_ratOptions {
    padding: 5px 8px;
    background-color: #f6f6f6;
    overflow: hidden;
    margin-bottom: 15px;
    width: 657px;
}

    .ratRev_ratOptions li {
        float: left;
        margin-right: 15px;
        line-height: 13px;
    }

.ratRev-ratOptTitle {
    float: left;
    font-size: 10px;
    color: #333;
    padding-right: 10px;
}

.itm-ratStars {
    background: url('/images/icons/stars.gif') 0 0px no-repeat;
    height: 13px;
    width: 70px;
    display: inline-block;
    margin-top: 0;
}

.inlineBlocka {
    cursor: pointer;
}

.itm-ratRating {
    background-position: 0 -14px;
}

.ratRev_revDetailsItm {
    border-right: 1px solid #666;
    padding: 0 10px;
}

    .ratRev_revDetailsItm:first-child {
        padding-left: 0;
    }

.ratRev_revDetails {
    font-size: 10px;
    line-height: 1.1;
    color: #666;
}

.CommentPagging {
    clear: both;
    float: right;
    padding-top: 10px;
}

    .CommentPagging span {
        color: red;
    }

    .CommentPagging a {
        margin-left: 3px;
        color: #004c94 !important;
    }

        .CommentPagging a:hover {
            color: #f05b21 !important;
        }

.alert-box.info:before {
    content: "i";
}

.alert-box:before {
    display: block;
    content: close-quote;
    font-family: "FontAwesome";
    float: left;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
}

.alert-box.info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

.alert-box {
    display: none;
    margin-left: 50px;
    margin-top: 8px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    font-weight: normal;
    font-size: 13px;
}

/*
    San pham mua kem --------------------------------------------
    */
.cusBought {
    width: 100%;
    position: relative;
    margin-top: 15px;
}

    .cusBought .cusBoughtPagging {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.cusBought-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

    .cusBought-header h2 {
        font-size: 16px;
    }

.cusBought .listp {
    width: 100%;
}

    .cusBought .listp li {
        width: 20%;
    }

.totalView {
    font-size: 11px;
    color: #666;
    background: url('/images/icons/icon-view.png') 0 1px no-repeat;
    display: block;
    padding-left: 20px;
    cursor: pointer;
}

.totalOrder {
    font-size: 11px;
    color: #fb6613;
    background: url('/images/icons/icon-cart-order.png') 0 1px no-repeat;
    display: block;
    padding-left: 25px;
    cursor: pointer;
}

.field-validation-error {
    font-size: 10px;
    color: #6f0000;
}

.inputError {
    font-size: 10px;
    color: #6f0000;
    display: none;
}

/*
    SAN PHAM DUOC QUAN TAM --------------------------------------------
    */
.productCusInteres {
    border: 1px solid #B3B3B3;
    background: #fff;
    width: 230px;
    z-index: 99;
}

.fixBox {
    top: 0px;
    position: fixed;
}

.interes-header {
    padding: 10px 15px 12px;
    border-bottom: 1px solid #e8e8e8;
}

.interesList {
    padding: 13px 11px 0px;
}

    .interesList li {
        padding-bottom: 25px;
    }

.interes-left {
    width: 80px;
}

.interes-right {
    width: 123px;
}

    .interes-right h4 {
        font-weight: normal;
    }

        .interes-right h4 a {
            color: #4b4b4b;
        }

            .interes-right h4 a:hover {
                color: #f60;
            }

.interes-price {
    font-size: 12px !important;
}

.interes-pagging {
    padding-right: 10px;
    width: 95%;
    text-align: right;
    margin: 0px 0px 10px;
}

    .interes-pagging a {
        display: inline-block;
        margin-right: 2px;
        border: 1px solid #e6e6e6;
        background-color: #f6f6f6;
        color: #4d4d4d;
        padding: 0px 3px;
    }

        .interes-pagging a:hover {
            background-color: #fe9601;
            border: 1px solid #e98d04;
            color: #fff;
        }

.in-ac {
    background-color: #fe9601 !important;
    border: 1px solid #e98d04 !important;
    color: #fff !important;
    cursor: default;
}
/*
    TAG SAN PHAM--------------------------------------------
    */
.p-d-tags {
    border: 1px solid #e5e5e5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fcfcfc;
    padding: 10px;
    margin: 10px 0px;
    color: #999;
}

    .p-d-tags a {
        color: #999;
    }

        .p-d-tags a:hover {
            color: #f60;
        }

    .p-d-tags strong {
        color: #333;
    }

/*
    LOGIN -------------------------------------------
    */
.bb_box_login {
    padding: 15px 0px;
    width: 980px;
}

    .bb_box_login h1.l_o_title {
        color: #ccc;
        font-size: 28px;
        margin-bottom: 20px;
    }

.bb_login_left {
    float: left;
    width: 50%;
}

.login_wrap {
    border-right: 1px solid #e9e9e9;
    padding-right: 10px;
}

.login_b_header {
    height: 65px;
    position: relative;
    z-index: 1;
    background-color: #fff;
    width: 288px;
}

    .login_b_header.l_o_header {
        width: 368px;
    }

.l_txt1, .l_txt2 {
    padding-left: 40px;
    padding-right: 10px;
}

.l_txt1 {
    color: #a6a6a6;
    font-size: 18px;
}

.l_txt2 {
    font-size: 38px;
    background: #FFF;
}

.login_h_icon {
    background-image: url(/images/icons/babo-icon-login.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 9px;
    left: 0px;
    display: block;
}

.login_b_input {
    border-top: 1px solid #e9e9e9;
    margin-top: -5px;
    padding-top: 20px;
    position: relative;
}

    .login_b_input .lb-item-wrap {
        position: absolute;
        background: url('/images/bg-image-tranparent.png') left top;
        width: 100%;
        height: 100%;
        top: 8px;
    }

.login_row {
    margin-bottom: 15px;
}

.l_label_input {
    display: block;
    padding-bottom: 3px;
    color: #666666;
}

.login_row input[type="password"] {
    width: 295px !important;
}

.l_input_txt {
    border: 1px solid #dbdbdb;
    padding: 7px 5px;
    margin: 0px;
    width: 295px !important;
}

.login_btn {
    width: 148px;
    height: 81px;
    border: none;
    position: absolute;
    right: -7px;
    margin: 0;
    background: #f90;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    top: 19px;
    text-shadow: 1px 1px #B4780D;
}

.bb_login_right {
    float: right;
    width: 50%;
}

.bb-register {
    margin-left: 20px;
}

.bbr-title .bbt-txt-1 {
    font-size: 18px;
    color: #a6a6a6;
    padding-left: 43px;
}

.bbr-title .bbt-txt-2 {
    font-size: 38px;
    padding-left: 43px;
}

.bbr-title {
    position: relative;
    background-color: #fff;
    width: 52%;
    z-index: 1;
}

.babo-icon-register {
    background-image: url(/images/icons/babo-icon-login.png);
    background-repeat: no-repeat;
    position: absolute;
    background-position: 0 -155px;
    width: 36px;
    height: 37px;
    left: 0;
    top: 10px;
}

.bbr-body {
    margin-top: -10px;
    border-top: 1px solid #E9E9E9;
    padding-top: 20px;
}

.bbr-item {
    margin-bottom: 5px;
}

    .bbr-item input[type="text"], input[type="password"] {
        width: 300px;
        padding: 7px 0px 7px 4px;
        color: #555;
    }

    .bbr-item select {
        padding: 5px 2px;
        background-color: #F5F5F5;
    }

    .bbr-item > div .bbr-region-1, .bbr-region-2 {
        width: 31%;
    }

    .bbr-item > div.bbr-region {
        min-height: 30px;
    }

    .bbr-item .bbr-region-validate .bbr-val-1 {
        float: left;
        margin-top: 2px;
    }

    .bbr-item .bbr-region-validate .bbr-val-2 {
        float: right;
        margin-right: 253px;
        margin-top: 2px;
    }

    .bbr-item > div.bbr-region .bbr-region-year, .bbr-region-month, .bbr-region-day {
        width: 20%;
    }

    .bbr-item > div {
        padding-top: 2px;
    }

.bbr-body {
    position: relative;
}

    .bbr-body .bbr-item-sb {
        position: absolute;
        bottom: 0;
        right: 0;
    }

.bbr-button-register {
    border: 0;
    width: 140px;
    height: 64px;
    background: #f90;
    color: #fff;
    font-size: 20px;
    text-shadow: 1px 1px #666;
    text-transform: uppercase;
}

.reg-img {
    padding-top: 20px;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
}

.regNametitle {
    font-size: 18px;
    color: #535353;
    text-transform: uppercase;
}

.loginFastReg {
    padding-top: 10px;
}

    .loginFastReg a {
        font-weight: bold;
    }
/*
    TIN TUC
    HNG: CREATE 09/11/2013
    ------------------------------------------------------------------------------------------------------------------
    */
.box-news {
    margin-top: 10px;
    width: 980px;
}

.news-item-left {
    float: left;
    width: 725px;
}

.box-item-detail {
    line-height: 20px;
}

.news-item-right {
    float: right;
    width: 245px;
}

.box-news-cate {
    width: 245px;
}

.cate-title a {
    color: #333;
    line-height: 1.5em;
}

    .cate-title a:hover {
        color: #f05b21;
    }

.cate-title h4 {
    font-weight: normal;
}

.news-l1 {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 18px;
    padding: 5px 0px;
    line-height: 2.2em !important;
    font-weight: bold;
}

    .news-l1:hover {
        text-decoration: none;
        color: #333 !important;
    }

.news-l2 {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 18px;
    padding: 2px 0px;
    line-height: 2em !important;
    font-weight: bold;
    color: #009fe3 !important;
}

.box-list-news {
}

    .box-list-news li {
        line-height: 20px;
        margin-top: 15px;
        padding-bottom: 5px;
        width: 100%;
    }

.box-cate2 .cate-title {
    line-height: 15px !important;
}

.box-list-news li:first-child {
    margin-top: 0px;
}

.box-ews-info {
}

.lnkImg {
    display: block;
    margin-right: 15px;
    float: left;
}

.lnktitle {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #575757;
    display: block;
}

.lisr-news-title {
    font-size: 16px;
}

.box-ews-info p {
    margin: 0 0 10px;
    font-size: 12px;
}

.box-news-old {
    margin-top: 10px;
    width: 60%;
}

.newsOld_title {
    line-height: 20px;
    color: #333;
    border-bottom: 1px solid #e7e7e7;
}

    .newsOld_title h5 {
        font-size: 14px;
    }

.ulNewsOldTop {
    margin: 10px 0px;
}

    .ulNewsOldTop li {
        line-height: 18px;
    }

        .ulNewsOldTop li a {
            font-weight: normal;
            color: #414141;
        }

            .ulNewsOldTop li a:hover {
                color: #f05b21;
            }

.n-iconNew a {
    background: url(/images/newnew.gif) right 0px no-repeat;
    padding-right: 30px;
}

.boxTag {
    color: #888;
    font-size: 12px;
    line-height: 18px;
    padding-top: 10px;
}

    .boxTag a {
        color: #888 !important;
        text-decoration: underline;
    }

        .boxTag a:hover {
            color: #f05b21 !important;
        }

.n-summary {
    padding-bottom: 15px;
}

/*
    FACEBOOK BOX --------------------------------------------------
    */
.cate-fb-box {
    margin-top: 20px;
}

/*
    PRODUCT TOGETHER --------------------------------------------------
    */
.listTogether {
    margin-top: 20px;
}

    .listTogether li {
        float: left;
    }

        .listTogether li img {
            border: 1px solid #EEE;
            transition: all 0.2s ease-in-out 0s;
        }

.hovimg {
    border: 1px solid #fe9601 !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13) !important;
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13) !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.13) !important;
}

.hovimgbg {
    background: #e4e4e4;
}

.to-plus {
    padding: 0px 5px;
    font-size: 16px;
    font-weight: bold;
    color: #999;
    text-align: center;
    vertical-align: middle;
    height: 75px;
    line-height: 75px;
}

.together-prce {
    font-size: 14px;
    color: #D55005;
}

.together-txt {
    font-weight: bold;
}

.btnTogetherBuyAll {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
    background-color: #6cb42c;
    border: none;
    padding: 0px 30px;
    font-weight: bold !important;
    margin-left: 0px;
    margin-top: 6px;
}

    .btnTogetherBuyAll:hover {
        /*text-shadow: 1px 1px #575252;*/
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13) !important;
        -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13) !important;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.13) !important;
    }

.together-check {
    padding-left: 6px;
}

.together-item-chk {
    line-height: 20px;
    cursor: default;
}

    .together-item-chk input[type$=checkbox] {
        margin: 0px;
        margin-right: 5px;
        cursor: default;
    }

.to-provi {
    color: #666;
}

/*
	ORDER -----------------------------------------------------------------------------------------
*/
.check-cart {
    padding: 30px 0px;
}

    .check-cart h2 {
        font-size: 18px;
    }

.bb_Order_home {
    margin-top: 35px;
    overflow: hidden;
}

.bb_o_cell {
    width: 480px;
    float: left;
}

.bb_o_item1 {
    border-right: 1px solid #eaeaea;
}

.bb_o_cell_margin {
    margin-right: 20px;
}

.bb_o_item_header {
    margin-bottom: 15px;
    height: 50px;
    padding-left: 50px;
    background: url(/images/ecg-icon-order.png) 0px 0px no-repeat;
    position: relative;
    padding-right: 10px;
}

.bb_o_item2 {
    margin-top: 30px;
}

    .bb_o_item2 .bb_o_item_header {
        background-position: 0px -73px;
    }

.bb_o_item3 .bb_o_item_header {
    background-position: 0px -142px;
}

.bb_o_line {
    border-bottom: 1px solid #e9e9e9;
    margin-top: -8px;
    display: block;
}

.bb_o_item_header .order_h_txt1 {
    font-size: 16px;
    color: #878787;
    display: block;
    padding-left: 7px;
}

.bb_o_item_header .order_h_txt2 {
    font-size: 33px;
    display: block;
    width: 232px;
    background: #FFF;
    padding-left: 7px;
    position: relative;
}

.order_h_txt3 {
    width: 190px !important;
}

.bb_o_itemContent {
    border-top: 1px solid #e9e9e9;
    margin-top: -2px;
    margin-right: 17px;
    padding-top: 20px;
}

.bb_o_r_input input[type="text"], input[type="password"] {
    width: 95% !important;
    padding: 6px 5px !important;
    border: 1px solid #dad9de;
    color: #616161;
}

.bb_o_r_header {
    padding-right: 15px;
    position: relative;
}

    .bb_o_r_header.bb_block {
        display: block;
    }

        .bb_o_r_header.bb_block i {
            right: 78px;
        }

    .bb_o_r_header i {
        display: block;
        width: 10px;
        height: 10px;
        background-position: -15px -246px;
        position: absolute;
        top: 2px;
        right: 0px;
    }

.bb_o_table td {
    padding-right: 10px;
    padding-top: 15px;
    width: 240px;
    vertical-align: top;
}

.bb_o_table.bb_address_diff {
    display: none;
}

.bb_o_tt {
    width: 50%;
    float: left;
}

    .bb_o_tt.bb_o_fi {
        width: 33%;
    }

.ddltinhthanh, .ddlQuanHuyen, .ddlYear, .ddlDay, .ddlMonth {
    margin: 0px;
    padding: 5px 5px;
    width: 107px;
    color: #616161;
    background: #f5f5f5;
    border: 1px solid #dbdbdb;
}

.bb_o_tt.bb_o_fi .ddlYear, .ddlDay, .ddlMonth {
    width: 72px;
}

.bb_o_tt_right {
    text-align: right;
}

.bb_o_r_headerDrop {
    display: block;
    padding-bottom: 1px;
}

.bb_o_tt_cach {
    padding-left: 47px;
}

.cssOrderCheckBox, .chkCash {
    margin-right: 3px !important;
}

.bb_o_chk {
    padding-top: 15px;
}

.bb_o_table_login {
    padding: 20px;
    display: none;
}

    .bb_o_table_login td {
        padding-bottom: 10px;
    }

.cssWidthOLeft {
    width: 172px;
}

.bb_o_table_login .bb_o_txt_login {
    color: #b1b1b1;
    padding-right: 15px;
}

.bb_o_table_login input[type="text"],
.bb_o_table_login input[type="password"] {
    padding: 6px 5px;
    width: 200px;
    color: #616161;
}

.bb_o_lnkLogin a {
    color: #28abe1;
    font-size: 11px;
}

.bb_o_payment {
    margin-top: 20px;
}

.b_o_p_cash {
    padding-bottom: 6px;
}

.bb_o_payment .b_o_cash_none {
    padding-top: 10px;
    padding-left: 24px;
    margin-bottom: 5px !important;
}

.chkATM, .chkATM, .chkNet {
    margin-right: 3px !important;
}

.bb_o_p_Box {
    display: none;
}

    .bb_o_p_Box p {
        padding-left: 24px;
    }

.b_o_cash {
    font-weight: bold;
}

.b_o_cash_ac {
    color: #045688;
}

.bb_o_note {
    padding-left: 24px;
    padding-top: 10px;
    display: block;
}

.cssGiamGia {
    position: absolute;
    top: -3px;
    right: -147px;
    width: 136px;
    padding: 6px 5px;
    border: 1px solid #dad9de;
    color: #616161;
    margin: 0px !important;
}

.cssQuan {
    padding: 6px 5px;
    border: 1px solid #dad9de;
    color: #020202;
    margin: 0px !important;
    font-weight: bold;
    background: #FFF;
}

.btnSuDung {
    display: block;
    width: 71px;
    height: 29px;
    position: absolute;
    top: -3px;
    right: -230px;
    border: none;
    text-shadow: 1px 1px #fff;
}

.bb_o_list_p {
    margin-top: 20px;
    overflow: auto;
}

.bb_list_img {
    width: 135px;
    float: left;
}

.bb_list_info {
    width: 325px;
    float: left;
    border-bottom: 1px solid #e9e9e9;
    height: 134px;
    padding-left: 10px;
}

.bb_o_list_item {
    height: 135px;
    overflow: hidden;
    margin-bottom: 5px;
}

.lnkTitlelistOrder {
    color: #ffb64d;
    text-decoration: none !important;
    font-size: 13px;
}

    .lnkTitlelistOrder:hover {
        color: #ffb64d !important;
    }

    .lnkTitlelistOrder b {
        color: #ff9a00;
    }

.list_o_left {
    color: #7f7f7f;
    float: left;
}

.list_o_right {
    float: right;
    padding-right: 20px;
}

.txtOrderPrice span {
    color: #f05b21;
    font-size: 16px;
}

.ColoPrice {
    font-weight: bold;
}


.bb_list_rows {
    margin-top: 8px;
}

.bb_o_CusComment {
    margin: 8px 0px;
}

.cssCusnote {
    width: 94%;
    height: 35px;
    border-left: 3px solid #777;
    background: #f2f2f2;
    padding: 5px;
}

.bb_o_btn_payment {
    margin: 10px 0px;
}

    .bb_o_btn_payment li {
        float: left;
    }

.btnThanhToan {
    border: 1px solid #F09002;
    color: #fff;
    display: block;
    background-color: #f90;
    font-size: 26px;
    line-height: 100px;
    height: 100px;
    width: 173px;
    text-decoration: none !important;
    padding-left: 75px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13) !important;
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13) !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.13) !important;
}

.icon-btn-payment {
    position: absolute;
    top: 23px;
    left: 7px;
    width: 63px;
    height: 60px;
    display: block;
    background: url(/images/icons/icon-btn-payment.png) 0px 0px no-repeat;
}

.btnThanhToan:hover {
    color: #FFF !important;
    background-color: #F79502;
}

.payment_tottal {
    background: #fafafa;
    width: 180px;
    height: 92px;
}

.p_txt1 {
    display: block;
    padding-bottom: 1px;
}

.p_txt2 {
    display: block;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 3px;
}

    .p_txt2 span {
        font-weight: normal;
    }

.payment_tottal {
    padding-top: 8px;
    padding-left: 34px;
}

    .payment_tottal span {
        letter-spacing: 1px;
    }

.p_total_money {
    font-size: 20px;
}

.order-info {
    padding: 20px 0px;
}

.loadingPayment {
    position: absolute;
    top: 11px;
    left: 85px;
}

.loadingwrap {
    width: 250px;
    height: 102px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    opacity: .3;
    display: none;
}
/*
    ---PROVIDER ---------------------------------------------------------------
    */
.pn-provider-hot {
    margin-bottom: 30px;
}

.pn-pro-header {
    margin-bottom: 10px;
}

.List-provider {
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

    .List-provider li {
        float: left;
        display: inline;
        width: 111px;
        text-align: center;
        height: 60px;
        border-right: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        padding: 10px;
    }

        .List-provider li:hover {
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
        }

        .List-provider li a:hover {
            color: #999;
        }

        .List-provider li p {
            margin-top: 0px !important;
            color: #999999;
            font-size: 1em;
            line-height: 1.5em;
        }

.pn-pro-list1 h2 {
    font-size: 18px;
    font-weight: normal;
}

.listalphabet {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
}

    .listalphabet li {
        display: inline;
        float: left;
        padding: 10px 20px 10px 0;
    }

    .listalphabet a {
        color: #646464;
        text-transform: uppercase;
    }

    .listalphabet li:last-child {
        padding-right: 0;
    }

    .listalphabet li:first-child {
        font-weight: bold;
    }

    .listalphabet li a.selected {
        color: #E95A00;
        text-decoration: underline;
        font-weight: bold;
    }

.nav-filter {
    background: #f5f5f5;
    padding: 4px 10px 3px 10px;
    border-bottom: 1px solid #e1e7eb;
    height: 28px;
}

.result-count {
    padding-top: 7px;
}

.pn-provider-list-cate {
    margin-bottom: 20px;
}

#pn-list-provider img {
    margin: 0 auto;
    display: block;
}

.icon-star-hot {
    text-decoration: underline !important;
}

/*
    ---PRODUCT FILTER  ---------------------------------------------------------------
    */
.ProductFilter {
    border: 1px solid #fff;
    padding-top: 10px;
}

.filterBox {
    margin-right: 9px;
}

.filter-header {
    font-size: 16px;
    font-weight: bold;
    font-family: Tahoma,Arial,sans-serif;
    background-color: #f9f9f9;
    line-height: 30px;
    height: 30px;
    padding-left: 10px;
    position: relative;
}

    .filter-header a {
        position: absolute;
        bottom: 0px;
        right: 0px;
        font-weight: normal;
        font-size: 11px;
    }

.filter-body {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

#priceMin, #priceMax {
    color: #D68116;
    padding-left: 3px;
    height: 19px;
    font-size: 11px;
    width: 62px;
    border: 1px solid #EBEBEB !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#priceMax {
    margin-left: 32px;
}

.btnFil {
    position: absolute;
    top: 6px;
    right: 0px;
    margin-right: 0px !important;
    background: url(/Images/icons/btnFilPrice.png) 0px 0px no-repeat;
    border: none;
    width: 28px;
    height: 23px;
    text-indent: -99999px;
}

.border-search-pro {
    background: url(/Images/icons/box-search-provider.png) 0px 0px no-repeat;
    height: 24px;
    line-height: 24px;
    position: relative;
}

#ProviderSearch {
    border: none !important;
    width: 135px;
    font-size: 11px;
    margin-left: 5px;
}

#btnSearchProvider {
    background: url(/Images/icons/btnSearchProduct.png) 0px 0px no-repeat;
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 28px;
    border: none;
    text-indent: -99999px;
    margin-right: 0px !important;
}

.ListProviderFil, .ColorFil, .SizeFil {
    width: 175px;
    margin-top: 5px;
}

    .ListProviderFil ul, .ColorFil ul, .SizeFil ul, .AttrFil ul {
        width: 100%;
        overflow: auto;
    }

        .ListProviderFil ul::-webkit-scrollbar,
        .ColorFil ul::-webkit-scrollbar,
        .SizeFil ul::-webkit-scrollbar,
        .AttrFil ul::-webkit-scrollbar {
            width: 7px;
            background-color: #dde;
        }

        .ListProviderFil ul::-webkit-scrollbar-thumb,
        .ColorFil ul::-webkit-scrollbar-thumb,
        .SizeFil ul::-webkit-scrollbar-thumb,
        .AttrFil ul::-webkit-scrollbar-thumb {
            background-color: #D8D8D8;
            border-radius: 10px;
        }

        .ListProviderFil ul::-webkit-scrollbar-track,
        .ColorFil ul::-webkit-scrollbar-track,
        .SizeFil ul::-webkit-scrollbar-track,
        .AttrFil ul::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px #fff;
            background-color: #fff;
        }

        .ListProviderFil ul li {
            line-height: 30px;
            border-bottom: 1px dashed rgba(0,0,0,.13);
        }

            .ListProviderFil ul li input[type$=checkbox], .ColorFil ul li input[type$=checkbox],
            .SizeFil ul li input[type$=checkbox],
            .AttrFil ul li input[type$=checkbox] {
                margin-bottom: 0px !important;
                margin-top: 9px !important;
                margin-left: 0px !important;
                margin-right: 5px !important;
                box-sizing: border-box;
                margin: 6px 5px 0 0;
                float: left;
            }

        .ColorFil ul li input[type$=checkbox],
        .SizeFil ul li input[type$=checkbox],
        .AttrFil ul li input[type$=checkbox] {
            margin-top: 7px !important;
        }

        .ListProviderFil ul li a, .ColorFil ul li label, .SizeFil ul li label,
        .AttrFil ul li label {
            display: inline;
        }

            .ListProviderFil ul li a:hover, .ColorFil ul li label:hover, .SizeFil ul li label:hover,
            .AttrFil ul li label:hover {
                text-decoration: underline;
                color: #f05b21 !important;
                cursor: pointer;
            }

        .ColorFil ul li, .SizeFil ul li, .AttrFil ul li {
            line-height: 25px;
        }

            .ColorFil ul li a, .SizeFil ul li a, .AttrFil ul li a {
                color: #333 !important;
            }

.Rate-fil {
    height: 100px;
    margin-left: 5px;
}
/*.btnRateFil{
    position: absolute;
    bottom: 10px;
    right: 0;
    margin-right: 0!important;
    background: url(/Images/icons/btnFilPrice.png) 0 0 no-repeat;
    border: none;
    width: 28px;
    height: 23px;
    text-indent: -99999px;
    -moz-opacity: .8;
    filter: alpha(opacity=80);
    opacity: .8;
}*/
.btnRateFil:hover {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

.listStarFil {
    margin-left: 15px;
}

    .listStarFil ul li {
        line-height: 24px;
        height: 24px;
        position: relative;
    }

.line-fil-rate {
    display: block;
    height: 1px;
    width: 8px;
    position: absolute;
    top: 5px;
    left: -15px;
    background: #C2C2C2;
}

.starNone {
    background-position: 0px 0px !important;
}

.totalRate {
    position: absolute;
    top: 0px;
    right: -38px;
}

.lineOpacity {
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    opacity: .3;
}

.filterMap {
    -moz-opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

#plvProductFilter {
    position: relative;
}

.bg-fil-ajax {
    background: #E9E9E9;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute;
    width: 175px;
    height: 100%;
    z-index: 9999;
    left: 0px;
    top: 0px;
}

    .bg-fil-ajax img {
        position: absolute;
        top: 150px;
        left: 45%;
        width: 30px;
        height: 30px;
        z-index: 99999;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 1;
    }

#ecg-slider {
    margin-left: 8px;
    width: 166px;
}
.footer-tag{
    margin:0px 0px 30px 0;
}

.footer-tag{
    color:#666666;
    font-size:11px;
}
.footer-tag a{
    color:#666666;
    font-size:11px;
}
.footer-tag a:hover{
    text-decoration:underline;
}